[10] Learn about basic cases of Bootstrap raster System (5) and bootstrap raster

[10] Learn about basic cases of Bootstrap raster System (5) and bootstrap raster

This time we will sort the following:

Use.col-md-push-*And.col-md-pull-*Class can easily change the column sequence.

<! DOCTYPE html> 
Run the following command:

We can see that I have defined three rows.

The first row is evenly divided into four parts, each of which occupies three columns. This line is mainly used to compare with the following two lines.

The second row contains only one element and contains three columns, and a style class of. col-md-push-3 is added to this element. (If the element that occupies three columns moves three columns to the right, it occupies three columns: 4, 5, and 6 .)

The third column is divided into two parts, the first occupies 9 columns (use the col-md-push-3 to move 3 columns to the right), the second occupies 3 columns (use the col-md-pull-9 to move 9 columns to the left ).



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.