手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Bootstrap教程:[5]列偏移

时间:2024-10-15 12:20:32

现在,我们使用列偏移来设置div标签的偏移位置,很简单,看代码。

这是我现在的代码,你可以看一下再浏览器中的显示样式

Bootstrap教程:[5]列偏移
Bootstrap教程:[5]列偏移

假如我现在要将下面两个div的宽度减小为5列,会变成这样子,页面右侧空出两列的空白

Bootstrap教程:[5]列偏移
Bootstrap教程:[5]列偏移

我们可以使用<div class="col-md -5 col-md-offset-2">来让这个div向右偏移两个列

Bootstrap教程:[5]列偏移

现在页面就美观了很多。

Bootstrap教程:[5]列偏移

© 手抄报圈