当前位置: 首页 > 面试题库 >

如何在Bootstrap中增加列之间的间距?

衡丰茂
2023-03-14
问题内容

我敢肯定有一个解决此问题的简单方法。基本上,如果我有两列,如何在它们之间添加一个空格?

例如,如果html是:

<div class="col-md-6"></div>
<div class="col-md-6"></div>

输出将是彼此相邻的两列,占据了页面的整个宽度。假设将宽度设置为,1000px则每个div都会很500px宽。

如果我想在100px两者之间留出空间,该如何实现?显然,通过引导程序自动使div大小成为450px补偿大小的每个大小


问题答案:

您可以使用col-md-offset-*此处记录的类来实现列之间的间距。间距是一致的,因此所有列均正确排列。为了获得均匀的间距和列大小,我将执行以下操作:

<div class="row">
  <div class="col-md-5"></div>
  <div class="col-md-5 col-md-offset-2"></div>
</div>


 类似资料:
  • 问题内容: 不幸的是,似乎没有一种好方法来管理在某些断点处从水平堆栈过渡到垂直堆栈的列之间的垂直间距。涉及表单时似乎确实有解决方案,但这不是这里的情况。我已经尝试过此解决方案,但是当有多个列排成一行时,它不起作用。 为了说明我的情况,这是HTML的结构: 在中等设备大小(md)及以上的情况下,我希望在列的两个“行”之间存在间距,但在3列的“第一行”之上不存在间距,而在列的“第二行”之下不存在间距3

  • 问题内容: 我在我的盒子中使用虚线样式边框 我想增加边框的每个点之间的空间。 问题答案: 此技巧适用于水平和垂直边框: 您可以使用背景大小调整大小,并使用线性渐变百分比调整比例。在此示例中,我有一条虚线为1px的点,间距为2px。这样,您也可以使用多个背景使用多个虚线边框。 在这个尝试一下,或者看一下代码片段示例:

  • 问题内容: 我在我的盒子中使用虚线样式边框 我想增加边框的每个点之间的空间。 问题答案: 此技巧适用于水平和垂直边框: 您可以使用背景大小调整大小,并使用线性渐变百分比调整比例。在此示例中,我有一条虚线为1px的点,间距为2px。这样,您也可以使用多个背景使用多个虚线边框。 在这个JSFiddle中尝试一下,或者看一下代码片段示例:

  • 问题内容: 如何使用Twitter Bootstrap框架向元素添加边距顶部? 问题答案: 在Twitter引导程序中编辑或覆盖行是一个坏主意,因为这是页面支架的核心部分,并且您将需要没有上边距的行。 要解决此问题,请创建一个新类“ top-buffer”,添加所需的标准边距。 然后在需要上边距的行div上使用它。

  • 问题内容: 我有两列存储值(数字),如何选择给定数字在两列值之间的位置? 例子 如果我的值为25,我该如何选择介于25之间的记录,在这种情况下将是第1行 问题答案:

  • 问题内容: 使用CSS后,如果应用了文本,是否可以增加文本和下划线之间的距离? 问题答案: 不可以,但是您可以使用和。 如果要使用与“下划线”相同的颜色(在我的示例中为边框),则只需省略颜色声明,即和。 对于多行,可以将多行文本包装在元素内的跨度中。例如,然后添加并在-