Offset columns:
In the bootstrap grid system we can use an offset column to make a column move to the right, as follows:
<div>
<div>col2</div>
</div>
class= "Col-sm-2 col-sm-offset-1" said the column accounted for two copies and moved to the right to see the effect as follows:
Col-sm-offset-1 says move right one. Col-sm-offset-2 represents a two-part right shift, and so on. The Col-xs class does not support offset columns, but it can be achieved by simply using an empty cell.
Nested columns:
We can nest the grid in the content, as follows:
<div>
<div>
<div>
<div>col</div>
<div>col</div>
</div>
</div>
<div>
<div>
<div>col3</div>
<div>col4</div>
</div>
</div>
The outer layer is a row-and-column grid, the first column is 4, the second column is 8, and in the first column is a grid with one row and two columns, the first column occupies 2, and the second column occupies 10. The display effect is as follows:
The above is a small set to introduce the fourth Bootstrap grid system offset column and nested all the narration, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!