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