Как получить нормальный поток жидкости?

Question

У меня есть основная жидкость, которая обматывает весь мой эшафот, который состоит из других пролетов и контейнеров. Однако я заметил, что он не центрируется должным образом. Я не хочу менять размер среднего span6 (на самом деле он может быть другого размера по дороге), и я не хочу использовать сдвиги влево или вправо, потому что он не позволит выровнять страницу налево размер.

Как я могу получить его в центре.

Fiddle ->http://jsfiddle.net/GwCkp/19/show/

Основная леска является:

<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

Поскольку Twitter Bootstrap имеет сетку с 12 колонок вам нужно на самом деле, чтобы обеспечить 12 столбцов, чтобы он автоматически центрируется. Таким образом, решение простое, просто добавьте два столбца, которые отсутствуют, и все становится хорошо сосредоточенным.

В основном это должно быть ваше расположение, обратите внимание, перед первым span2 и после последнего я добавил <div class="span1"></div>:

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

А вот demo.