小编Dar*_*nez的帖子

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额外填充提供额外的填充...

我试图在页面底部放置一个V形箭头向下箭头,这将允许用户在点击时平滑滚动到下一部分.无论屏幕的设备或尺寸如何,我都希望这个位置始终接近底部,我不希望它留在原地.它应该与网站的其余部分一起滚动.当用户点击它时,它将滚动到下一部分,并且屏幕底部还会有一个新的V形符号向下箭头,链接到下一部分.

HTML

<div class="row chevron-down">
  <div class="col-md-12">
    <a href="#aboutus1" class="smoothScroll"><img class="img-responsive visible-xs center-block" src="img/chevron-down.png" alt="Transformative Thinking" /></a>
  </div>
</div>

CSS

.chevron-down {
  /* magic code here */
}