• Saturday , 30 May 2020

Bootstrap 4 Tutorial #6 – Flex Grid

Code Canyon
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

3d Ocean

Related Posts

17 Comments

  1. Al Lemieux
    December 27, 2018 at 13:08

    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.

  2. Chris C.
    December 27, 2018 at 13:08

    Head to the Bootstrap website for updated Classes.

  3. Lokender Verma
    December 27, 2018 at 13:08

    thanks bro its very helpfull for me 🙂

  4. Winner Increase
    December 27, 2018 at 13:08

    your one of the best web designers i have seen

  5. Jon
    December 27, 2018 at 13:08

    What is the point of flex-first/last? Why not just rearrange the code manually? I always get confused about abstract things like this..

  6. Miguel de Chavez
    December 27, 2018 at 13:08

    what's the name of your atom color scheme?

  7. Lucas Teles
    December 27, 2018 at 13:08

    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 😀

  8. RJK Visuals
    December 27, 2018 at 13:08

    does flex order not work anymore?

  9. Alexander
    December 27, 2018 at 13:08

    Outdate by now..

  10. iced87
    December 27, 2018 at 13:08

    flex-first doesnt seem to be working with row class anymore for some reason.

  11. kamaboko1
    December 27, 2018 at 13:08

    Nice features.

  12. 0the0ambient0
    December 27, 2018 at 13:08

    Nice job

  13. Rich Williams
    December 27, 2018 at 13:08

    5: 40. why would you reorder the colums? why not cut and paste? is there another reason why i cant think of? thx

  14. Insonio Insone
    December 27, 2018 at 13:08

    thats a nice feature

  15. Tilak Maddy
    December 27, 2018 at 13:08

    Accent <3 <3 <3

  16. Md Zenarul Islam
    December 27, 2018 at 13:08

    great !

  17. Eric Strickland
    December 27, 2018 at 13:08

    can you do that show you making a website with what you just shown?

Leave A Comment

You must be logged in to post a comment.