[ad_1]
https://i.ytimg.com/vi/rvlvpX-rbgc/hqdefault.jpg
Hey gang, in this Bootstrap 4 tutorial I’ll be showing you some of the newer features of the Bootstrap grid system – the flex properties.
You can read more about the flex grid in the Bootstrap 4 docs – https://v4-alpha.getbootstrap.com/utilities/flexbox/
—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/bootstrap-4-playlist
+ Atom editor – https://atom.io/a
+ Download GIT – https://git-scm.com/
+ Bootstrap 4 Docs – https://v4-alpha.getbootstrap.com/getting-started/introduction/
Bootstrap 3 Playlist – https://www.youtube.com/playlist?list=PL4cUxeGkcC9g_69kOfXICzT_hZ79_td99
———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage…
SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
========== PSD to WordPress Playlist ==========
============ Node.js for Beginners Playlist =============
============== The Net Ninja =====================
For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk
================== Social Links ==================
Twitter – @TheNetNinja – https://twitter.com/thenetninjauk
Original source
17 responses to “Bootstrap 4 Tutorial #6 – Flex Grid”
Why aren't you using the d-flex class in the rows? BS4 has order classes to change the order of items, e.g. .order-1, etc.
Head to the Bootstrap website for updated Classes.
thanks bro its very helpfull for me 🙂
your one of the best web designers i have seen
What is the point of flex-first/last? Why not just rearrange the code manually? I always get confused about abstract things like this..
what's the name of your atom color scheme?
Nice tutorial, are u making a new video with the new atualization(beta version)? I saw that they made an separeted documentation for the beta version.
Oh, Thanks for the help 😀
does flex order not work anymore?
Outdate by now..
flex-first doesnt seem to be working with row class anymore for some reason.
Nice features.
Nice job
5: 40. why would you reorder the colums? why not cut and paste? is there another reason why i cant think of? thx
thats a nice feature
Accent <3 <3 <3
great !
can you do that show you making a website with what you just shown?