81-learn-bootstrap-grid.html

This is using "container-fluid" class

Resize this responsive page to see the effect!

This is an example of a 12 column grid

row 1 - column 1
row 1 column 2
row 2 - column 1
row 2 column 2
row 2 - column 3
row 2 column 4
row 3 - column 1
row 3 column 2
row 3 - column 3
1
2
3
4
5
6
7
8
9
10
11
12

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis, eius fuga velit delectus blanditiis quam sequi eaque odit magnam necessitatibus itaque nisi, illum harum obcaecati consectetur cum exercitationem nemo omnis?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio ab ipsum earum atque quae ipsa cumque, cum modi possimus? Temporibus magnam et quae hic maxime laborum animi voluptas nisi exercitationem?

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis voluptates quas assumenda incidunt placeat enim reprehenderit consequuntur debitis ipsa eius perspiciatis voluptatibus aut, ducimus molestiae quis, officiis numquam nostrum non.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident quia impedit amet aliquid pariatur voluptas animi fugit esse quaerat reiciendis, nam, saepe expedita, inventore laboriosam mollitia veritatis autem qui iusto.