一尘不染

如何使用Bootstrap2将div居中?

css

我尝试了所有组合:

<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额外的填充在右侧提供额外的填充…


阅读 378

收藏
2020-05-16

共1个答案

一尘不染

除了通过减少像这样跨度的大小股利本身萎缩到你想要的大小,… class="span6 offset3"class="span4 offset4"等等......东西一样简单style="text-align: center"的DIV可以有你要找的效果

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

2020-05-16