Twitter bootstrap 引导列网格澄清
正如我所知,网格列是通过指定要跨越的可用列的数量来创建的。当我创建列并看到总和小于12时,应该如何处理空空间Twitter bootstrap 引导列网格澄清,twitter-bootstrap,Twitter Bootstrap,正如我所知,网格列是通过指定要跨越的可用列的数量来创建的。当我创建列并看到总和小于12时,应该如何处理空空间 卡片编号 使用偏移量进行补偿 假设您想要一个4列宽的div居中(但行是12行,对吗?),您可以这样做: <div class="col-md-4 col-md-offset-4"></div> 它看起来是这样的: |关闭4 | 4列|--| 现在你中间有一个4个大范围的DIV(你把它4个向右偏移+ 4个COLs) 或者,假设您希望一个7列宽的div与右侧
卡片
编号
使用偏移量进行补偿
假设您想要一个4列宽的div居中(但行是12行,对吗?),您可以这样做:
<div class="col-md-4 col-md-offset-4"></div>
它看起来是这样的:
|关闭4 | 4列|--|
现在你中间有一个4个大范围的DIV(你把它4个向右偏移+ 4个COLs)
或者,假设您希望一个7列宽的div与右侧对齐:<div class="col-md-7 col-md-offset-5">
它看起来是这样的:
|关闭5 | | | 7 c o l |
如下文所述:
使用.col md offset-*类将列向右移动。这些类将列的左边距增加*列。例如,.col-md-offset-4在四列上移动.col-md-4
你想要实现什么?你的问题不清楚。我猜她不喜欢容器比元素本身大。例如,卡号通常您会将列扩展到总共12列。也可以使用偏移将小柱移向中心,也可以使用嵌套行使布局居中。请更新您的问题以澄清您的目标,否则可能会被关闭。Wild Goat,是的,您是对的,我想将此列设置为一行的宽度,但col-md-5太小,列不到行的末尾。仍然不清楚您想要什么。拉伸包含4个字符输入的列看起来很奇怪。我可能会将所有这些都嵌套在一个
col-xs-12 col-md-6
中,并在旁边放置一些中等或更大尺寸的其他内容。您可以将一个布局嵌套在另一个布局中。它必须是5吗?你可以做一个6-6,在其中一个里面你可以使用11宽的列或4-4-4布局。。选择是无穷无尽的@DariaYemelianova请花点时间读一下这篇文章(因为我看到你在社区里是新来的)
<div class="col-md-7 col-md-offset-5">