0

次のコードスニペットを使用してフレックススライダーをページの中央に配置していますが、デスクトップで表示すると中央から外れているように見えます。

<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が問題を引き起こしていますか？任意の提案をいただければ幸いです。

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 に答える