如何使用Bootstrap2将div居中？

  • Z时代
  • 2024-01-10
  • 分类：问答

我尝试了所有组合：

<div class="row">
  <div class="span7 offset5"> box </div>
</div>

要么

<div class="container">
  <div class="row">
    <div class="span7 offset5"> box </div>
  </div>  
</div>

已更改跨度和偏移量数字…

但是我无法得到一个完美地位于页面中央的简单盒子:(

我只想要一个6栏宽的盒子居中…

编辑：

做到了

<div class="container">
  <div class="row" id="login-container">
    <div class="span8 offset2">
       box
    </div>
  </div>
</div>

但是盒子太宽了，我可以用span7做什么吗？

span7 offset2在左侧提供span7 offset3额外的填充在右侧提供额外的填充…

回答：

除了通过减少像这样跨度的大小股利本身萎缩到你想要的大小，… class="span6 offset3"，class="span4

offset4"等等......东西一样简单style="text-align: center"的DIV可以有你要找的效果

您不能将span7与任何设置的偏移量一起使用，而不能使span居中在页面上（因为总spans = 12）

以上是 如何使用Bootstrap2将div居中？ 的全部内容， 来源链接： utcz.com/qa/401637.html

回到顶部