现在,我们使用列偏移来设置div标签的偏移位置,很简单,看代码。
这是我现在的代码,你可以看一下再浏览器中的显示样式![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f4a4476ebeb1ceaad7736bbc05.jpg)
![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/87645f93cee8b00439a951bc79260d9a300ea905.jpg)
假如我现在要将下面两个div的宽度减小为5列,会变成这样子,页面右侧空出两列的空白![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/c255efc595ee41c1cc952ce08d88912ca4ca9b05.jpg)
![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/ccc83ec5260f88355338d96dce07880139708605.jpg)
我们可以使用<div class="col-md -5 col-md-offset-2">来让这个div向右偏移两个列![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7ef89b4ebb219dd3340b7f3f505.jpg)
现在页面就美观了很多。![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/359bee5e4a2379714daf166b93196120a6cde305.jpg)
现在,我们使用列偏移来设置div标签的偏移位置,很简单,看代码。
这是我现在的代码,你可以看一下再浏览器中的显示样式![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f4a4476ebeb1ceaad7736bbc05.jpg)
![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/87645f93cee8b00439a951bc79260d9a300ea905.jpg)
假如我现在要将下面两个div的宽度减小为5列,会变成这样子,页面右侧空出两列的空白![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/c255efc595ee41c1cc952ce08d88912ca4ca9b05.jpg)
![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/ccc83ec5260f88355338d96dce07880139708605.jpg)
我们可以使用<div class="col-md -5 col-md-offset-2">来让这个div向右偏移两个列![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7ef89b4ebb219dd3340b7f3f505.jpg)
现在页面就美观了很多。![Bootstrap教程:[5]列偏移](https://exp-picture.cdn.bcebos.com/359bee5e4a2379714daf166b93196120a6cde305.jpg)