Html 如何在引导中在行的中心显示2个div

我想展示中间的2个div。我有这样的电视节目。我只想要第二排中间的那个。

代码

一
一
二
二
三
三
三
四
马上就来。。。
五
马上就来。。。

JSFIDLE代码

---

根据@sahil Dhir的建议，您可以为布局使用偏移值，如

Col-md-offset-[number of column offsets]

在您的情况下，将列偏移量2指定给第二行的第一个元素应该会起到神奇的作用

这是一把小提琴

---

让我知道如果你需要更多的信息干杯

根据@sahil Dhir的建议，您可以对布局使用偏移值，如

Col-md-offset-[number of column offsets]

在您的情况下，将列偏移量2指定给第二行的第一个元素应该会起到神奇的作用

这是一把小提琴

---

让我知道如果你需要更多的信息干杯

对于引导列，需要使用

display:inline block

而不是

float:left

.block{
高度：200px；
背景：#333；
}
.h-center.col-sm-4{
边缘底部：20px；
浮动：无；
显示：内联块；
垂直对齐：顶部；
右边距：-4px；
}
.行{
文本对齐：居中；
显示：块；
}

---

对于引导列，您需要使用

显示：内联块

而不是

浮动：左

.block{
高度：200px；
背景：#333；
}
.h-center.col-sm-4{
边缘底部：20px；
浮动：无；
显示：内联块；
垂直对齐：顶部；
右边距：-4px；
}
.行{
文本对齐：居中；
显示：块；
}

---

使用flexbox实现此设计的简单方法

您可以从MDN中找到一个很好的指南

对于您的实现，您不必使用引导

只需换行两行，创建一行全宽，另一行半宽，然后使用flexbox属性将其对齐

.line{
显示器：flex；
证明内容：之间的空间；
}
.第二行{
宽度：50%；
保证金：0自动；
证明内容：之间的空间；
}

一
二
三
四
五

使用flexbox实现此设计的简单方法

您可以从MDN中找到一个很好的指南

对于您的实现，您不必使用引导

只需换行两行，创建一行全宽，另一行半宽，然后使用flexbox属性将其对齐

.line{
显示器：flex；
证明内容：之间的空间；
}
.第二行{
宽度：50%；
保证金：0自动；
证明内容：之间的空间；
}

一
二
三
四
五

这是实现您要求的一种方法：
[基本CSS（填充和边距）可用于获得更好的结果]

第一
第二
第三


第四
第五

这是实现您要求的一种方法：
[基本CSS（填充和边距）可用于获得更好的结果]

第一
第二
第三


第四
第五

使用引导偏移类。使用引导偏移类。

Col-md-offset-[number of column offsets]