Offset column:
In the bootstrap grid system, we can use offset columns to achieve the effect of moving a column right, as shown below:
<div><div>col2</div></div>
Class="col-sm-2 col-sm-offset-1" means that the column occupies two parts and moves one part to the right. The results you see are as follows:
Col-sm-offset-1 means moving one copy right. Col-sm-offset-2 means shifting two copies right 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 grids in the content as follows:
<div><div><div><div>col</div><div>col</div></div><div><div><div>col3</div><div>col4</div></div></div></div>
The outer layer is a grid of two columns in one row and two columns. The first column accounts for 4 parts, the second column accounts for 8 parts, and a grid of two columns in one row and two columns is nested in the first column. The first column accounts for 2 parts, and the second column accounts for 10 parts. The display effect is as follows:
The above is the full description of the fourth Bootstrap grid system offset column and nested column introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support to Wulin.com website!