• Sunday , 31 May 2020

Bootstrap 4: Flexbox Grid Tutorial by Bootstrap CSS Girl

Code Canyon
https://i.ytimg.com/vi/JW6h8WdfI_c/hqdefault.jpg



In this Bootstrap 4 Flexbox Grid Tutorial, I will discuss the flexbox utility classes within Bootstrap 4. I will show code examples and illustrations. Topics include flex direction with flex-row and flex-column, as well as, flex item alignment with justify-content and align-items classes.

Flex Grid
You use the justify-content classes in Bootstrap 4 to align flex items along the main axis.
You use the align-item classes in Bootstrap 4 to align flex items along the cross axis.
For flex-row and flex-row-reverse classes, the main axis is horizontal and the cross axis is vertical.
For flex-column and flex-column-reverse classes, the main axis is vertical and the cross axis is horizontal.

If you have any questions or tutorial requests, leave a comment. Please subscribe to my channel Bootstrap CSS Girl.

Original source

3d Ocean

Related Posts

5 Comments

  1. Vinicius Prado
    May 23, 2019 at 15:59

    great class, i has subscribe now and waiting for more videos

  2. Rafael Calearo
    May 23, 2019 at 15:59

    center the justify-content-center itens IE?

  3. Rahell Hamarash
    May 23, 2019 at 15:59

    good video keep it up

  4. David Leon
    May 23, 2019 at 15:59

    Nice video! 🙂

  5. Chris Kavanagh
    May 23, 2019 at 15:59

    Awesome, thanks.

Leave A Comment

You must be logged in to post a comment.