0

我正在使用以下代码片段将 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://growth-mist-5023.herokuapp.com/查看该站点。有没有理由为什么它不会位于页面的中心，我是否遗漏了一些明显的东西？我的 CSS 是否引起了问题？任何建议表示赞赏。

4

1 回答 1

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-->
于 2012-06-29T15:09:28.010 回答