Let’s learn Bootstrap 4



https://i.ytimg.com/vi/T-Pq7WK6m9w/hqdefault.jpg



I’ve used Bootstrap 3 a fair amount, but I’ve just started scratching the surface with Bootstrap 4. They’ve changed a lot of things. I want to know what I’m doing before I actually do a full tutorial on it, so I’m going live while I play around with it and try to figure it out!

This will be a real behind the scenes look, as I’ll be reading their documentation as I build a layout from PSD that I’ve found.

You can find the PSD that I was using here: https://freebiesbug.com/psd-freebies/mogo-free-one-page-psd-template/
Thanks to Alexandr Karsakov for the awesome layout, you can find more of his work on Behance – https://www.behance.net/laaqiq

New to Sass, or want to step up your game with it? I’ve got a course just for you: https://www.kevinpowell.co/learn-sass

I’m on some other places on the internet too!

If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell/

Original source


27 responses to “Let’s learn Bootstrap 4”

  1. Thanks for all of those who turned out live for this (and those watching the replay of course!), and sorry for the technical difficulties that I had at the start, I'm new to this whole live streaming thing!

    Please let me know if you'd like to see me do more of these, and what type of things you'd like to see me cover when I go live again!

  2. Just a tip, cuz i watched you several times switching to bootstrap documentation to find the desirable classes & writting the whole class name each time you want to add a specific class to an html element, in brackets and VSCode that i use, there are extensions that scan css linked files and provide you in html all the available classes each time you start writting their names.This way it gets mutch easier to find the desirable class for your elements! I googled it and i found css-spy, an extension for atom for this job. check it out if you want. https://atom.io/packages/css-spy

  3. What if i don't want to dive into SCSS and do all this stuff with extra SCSS files & compiling, and just make a new css file, place it right under bootstraps link in html head, and change bootstrap's compiled css styles right in there? It seems easier to me, though i guess you miss the extra functionality of scss, but in some cases it might be easier for begginers.
    P.S. great videos, thank you!!

  4. I really enjoy your videos! I am uncertain on your knowledge of backend dev and some frameworks like nodeJS, Angular, or task runners like gulp/grunt although gulp is far better!! 🙂 but I am wondering if you'd want to try and make a project utilizing these technologies nothing hardcore or to intensive but just something I'd love to see!

    WebTorrent : https://webtorrent.io/intro
    WebRTC : https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API
    WebRTC : https://webrtc.org/native-code/native-apis/

Leave a Reply