跨越Twitter Bootstrap

时间:2012-06-29 08:59:29

标签: twitter-bootstrap

我正在使用以下代码片段将flex-slider放置在我的页面中心,但是在桌面上查看它似乎偏离中心。

<div class="row">
 <div class="span8 offset2">
<div class="flexslider">
   <ul class="slides">
    <li><img src="/assets/toystory.jpg" /></li>
    <li><img src="/assets/walle.jpg" /></li>
    <li><img src="/assets/up.jpg" /></li>
    <li><img src="/assets/nemo.jpg" /></li>
    </ul>
</div><!--End of FlexiSlider-->

</div><!--End of span8 offset2-->
</div><!--End of Row-->

如果需要,可以在http://growing-mist-5023.herokuapp.com/查看该网站。有没有理由为什么这不会坐在页面的中心,我错过了一些明显的东西?是我的CSS导致问题?任何建议表示赞赏。

1 个答案:

答案 0 :(得分:2)

只需在<div class="container"/>

中添加您的代码即可
<div class="container">    
  <div class="row">
    <div class="span8 offset2">
      <div class="flexslider">
        <ul class="slides">
          <li><img src="/assets/toystory.jpg" /></li>
          <li><img src="/assets/walle.jpg" /></li>
          <li><img src="/assets/up.jpg" /></li>
          <li><img src="/assets/nemo.jpg" /></li>
        </ul>
      </div><!--End of FlexiSlider-->
    </div><!--End of span8 offset2-->
  </div><!--End of Row-->
</div><!--End of Container-->