From the course: Create a Quick, Clean, and Cheap Website with Bootstrap Templates
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The Bootstrap grid layout - Bootstrap Tutorial
From the course: Create a Quick, Clean, and Cheap Website with Bootstrap Templates
The Bootstrap grid layout
- [Instructor] Bootstrap layouts are always done in a 12 column grid system. If you're at all familiar with the concept of rows and columns in a table, such as on a spreadsheet, you might be wondering, wouldn't that mean 12 elements always have to be in one row on a page? Actually, no. In Bootstrap we can spin elements along multiple columns at a time. So even though the screen's current row, and you can have an infinite number of rows, always has 12 columns, you might only have two elements showing across the screen width because they each take up six columns. Likewise, each element might take up a different number of columns to create more visual focus for certain page content. In addition, maybe you want a certain section to be on full screen and thus take up 12 columns. This is how those layouts might look on a website in the real world as a template without the numbered grid behind it. This looks a little…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.