2012-06-29 70 views
0

我使用下面的代碼片段將flex-slider放置在頁面的中心,但是在桌面上查看時它似乎偏離中心。跨度在Twitter Bootstrap

<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導致一個問題?任何建議感激。

回答

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--> 
+0

再次感謝您添加的代碼,雖然是作爲具有包裹在一個容器整個頁面略有困惑,我一直的印象是隻使用一個容器的每一頁 – Richlewis