Bootstrap 4 Tutorial #6 - Flex Grid

Показать описание

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.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

Рекомендации по теме

Комментарии

Great video, love your channel! Just wanted to point out a change for Flex ordering -> instead of <div class="flex-first"> USE <div class="order-1"> and so on

AgePhilly

I honestly don't know what to say. You are awesome is all I can say. I get confused in class, and I come here and I ask myself: "isn't this the same thing we covered in class?" You are really making my coding journey fun and exciting. Thanks to the true code Ninja

kenilochonwu

your one of the best web designers i have seen

winnerincrease

You can also use order-lg-1 order-md-2 to change the order based on screen sizing... (Not sure why you would want to do this.)

rick

Flex order change in this pattern
•flex-first => order-1
•flex-second => order-2
Etc....

bdananjaya

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

ericstrickland

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.

alemieux

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 :D

lucastelles