[9] Learn about basic cases of Bootstrap raster System (4), bootstrap raster

[9] Learn about basic cases of Bootstrap raster System (4), bootstrap raster

Next let's look at the nested columns:

To use the built-in raster system to nest the content again, you can add a new one. row Element and a series. the col-sm-* element already exists. in the col-sm-* element. The number of columns contained in the nested row cannot exceed 12 (in fact, you are not required to occupy 12 columns ).

<! DOCTYPE html> 
The code above shows that a row is defined first, and then a row is added to the row. the column of the col-md-9 represents that this element occupies nine columns and adds two different rows to the element that occupies nine columns.

The first row: divides the first row into two parts, each of which occupies six columns and these 12 columns, however, its total width is the same as that of the nine columns outside it.

Second row: divide the second row into two parts. The first part occupies three columns, the second part occupies six columns, and the remaining three columns are not filled.
 
The running effect is as follows:


Solve the grid system compatibility problem between bootstrap 300 and IE 6.
You must admit that bootstrap is not compatible with ie6. If you have to use ie6, you can only modify some css attributes and labels that ie6 can recognize on the basis of bootstrap.

How to adjust the row spacing of the bootstrap raster div Layout
You can add a category for the container div, customize the spacing, and adjust the margin when customizing the topic. You can also modify the Class Name of the style sheet.