Question

我正在使用以下代码片段将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导致问题？任何建议表示赞赏。

Answer 1

只需在<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-->

跨越Twitter Bootstrap

1 个答案: