css – 如何使用Bootstrap2定位div?

前端之家收集整理的这篇文章主要介绍了css – 如何使用Bootstrap2定位div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://twitter.github.com/bootstrap/scaffolding.html

我试过像所有的组合:

<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右边的额外填充…

解决方法

除了缩小div本身到你想要的大小,通过减少跨度的大小,所以… class =“span6 offset3”,class =“span4 offset4”,等…一样简单,如style =“text-align:center “在div上可以有你想要的效果

您不能使用带有任何设置偏移量的span7并获取页面中心的跨度(因为总跨度= 12)

原文链接:https://www.f2er.com/css/223653.html

猜你在找的CSS相关文章