引导程序中的中间div

时间:2017-06-15 16:57:30

标签: javascript html css twitter-bootstrap

大家好,我正试图在引导程序中居中3个div但是我没有成功。

只有当我使用3 <div class="col-md-4">时它才有效 但我想做一个3 div的col-md-3并将它们居中放置。

在做了一些研究之后,我喜欢的唯一解决方案就是使用col-md-offset,但它并没有正确地将我的div放在中心位置。正确的空间比左边的空间大。

这是我的代码,感谢您的帮助:

<div class="container">
<div class="col-md-3 col-md-offset-2">
</div>
<div class="col-md-3">
</div>
<div class="col-md-3">
</div>

如果还有其他替代品我可以使用而不是使用bootstrap请与我分享,我也希望看到一个关于如何在页面中间水平居中3个div的工作示例。

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

你可以简单地将它们添加到另一个div中然后用于div使用显示:inline-block将使其宽度变小,只有那些3 col-md-3适合然后只是使用文本中心对齐包裹div其父级的课程