로우 유체를 올바르게 센터링하는 방법은 무엇입니까?

Question

다른 스팬과 컨테이너로 구성된 전체 스캐 폴드를 감싸고있는 주요 행 유체가 있습니다. 그러나, 나는 그것이 적절하게 중심에 있지 않다는 것을 알아 차렸다. 중간 스팬 6의 크기를 변경하고 싶지는 않습니다. 실제로는 다른 크기의 도로가 될 수 있습니다. 왼쪽 패딩이나 여백 오프셋을 사용하지 않으려는 이유는 페이지가 계속 플러시되지 않기 때문입니다. 크기를 조정하십시오.

어떻게 제대로 센터링 할 수 있습니까?

바이올린 ->http://jsfiddle.net/GwCkp/19/show/

기본 골격은 트위터 부트 스트랩은 12 열 격자를 가지고

<div class="container"style="width: 1300px" > // <- need this fixed size for spacing 
    <div class="row-fluid"> // <-- row fluid that I need centered! 
    <div class="span2"> 
    ... 
    </> 
    <div class="span6"> 
     <div class="container-fluid"> 
      <div class="hero-unit"> 
      ... 
      </> 
      <div class="row-fluid"> 
      ... 
      </> 
     </> 
    <div class="span2"> 
    ... 
    </> 
    </div><!-- end row-fluid --> 
</div><!-- end container --> 

Answer 1

때문에 당신이 자동으로 중심이 12 열을 제공하기 위해 실제로 필요가있다. 따라서 솔루션은 간단합니다. 누락 된 두 개의 열을 추가하면 모든 것이 잘 정리됩니다.

기본적으로이 레이아웃 통지 첫 번째 span2 전에해야하며 지난 후 나는 <div class="span1"></div>를 추가했습니다 : 여기 demo

<div class="container"style="width: 1300px" > // <- need this fixed size for spacing 
    <div class="row-fluid"> // <-- row fluid that I need centered! 
    <div class="span1"></div> 
    <div class="span2"> 
     ... 
    </div> 
    <div class="span6"> 
     ... 
    </div> 
    <div class="span2"> 
     ... 
    </div> 
    <div class="span1"></div> 
    </div> 
</div> 

그리고있다.