Bootstrap Grid Layout (Clip 10): Gentle Introduction to Bootstrap 5

Описание: As we add more content to a page, we often want to lay out that page into rows and columns and group similar content. With Bootstrap, we can style our vertically flowing content into more deliberate, responsive, and purposeful rows and columns.

Lesson Links
Find the full course playlist here:    • Gentle Introduction to Bootstrap 5 for Beg...  

Bootstrap documentation: https://getbootstrap.com/

For more information on breakpoints ... Bootstrap Containers and Breakpoints (Clip 5): Gentle Introduction to Bootstrap 5 f:    • Bootstrap Containers and Breakpoints (Clip...  

Code for this course: https://github.com/DeborahK/Gentle-In...

Content
00:00 Bootstrap grid system
02:11 Designing the layout
02:44 Coding along: Bootstrap's grid system
03:03 Bootstrap Grid system documentation
03:20 Preparing a page for the grid system (container)
03:57 Reviewing the design for the first row
04:09 Adding grid system classes for the first row
05:16 Confirming the first row layout in the browser
05:20 Reviewing the design for the second row
05:30 Adding grid system classes for the second row
06:39 Confirming the second row layout in the browser
06:43 Resizing and breakpoints
07:05 Key points

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

View my YouTube content:    / @deborah_kurata  
Contact me on Twitter:   / deborahkurata  
Find my Pluralsight courses: https://www.pluralsight.com/profile/a...
Access my freeCodeCamp articles: https://www.freecodecamp.org/news/aut...

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#csslayout #cssgridlayout #csslayouttutorial #bootstrapgrid #bootstrap #bootstrap5 #css #bootstraptutorial #bootstraptutorials #whatisbootstrap #bootstrapcourse #bootstrapproject #kurata #beginners #code #learntocode #gettingstarted #programming #programmingbasics #programmer #learnprogramming #learnprogrammingonyoutube #development #developer #web #webdeveloper #webdevelopment