스팬 트위터 부트 스트랩

Question

에 나는 바탕 화면에서 볼 때, 그러나 그것은 센터 떨어져 보인다, 내 페이지의 중앙에 플렉스 슬라이더를 배치하는 코드의 다음 코드를 사용하고 있습니다.

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