使用twitter引導設置容器的精確寬度

我有一個我正在處理的佈局的標題圖像，它的寬度是1200px。佈局是固定的。使用twitter引導設置容器的精確寬度

我想要包裝此圖像的容器（以及將它包裝在DOM層次結構中的任何容器）適應1200px。首先我想做的只是：

.container { 
    width:1200px; 
}

它的工作原理，但那麼使用bootstrap有什麼意義？而且，我可能會以這種方式強制寬度來對付網格，對吧？

所以，我試圖建立電網加起來1200像素，但仍保留12列，這樣的（我使用SASS）：

$grid-column-width:   70px; 
$grid-gutter-width:   32px;

但是，我只能大概（或走上面的方式）1200px，同時保持12列。在這種情況下，我得到了1192px，這是有效的，但並不是最優的。

下面是我使用的標記：

<div class="container"> 
    <div class="row-fluid"> 
     <div class="header-photo text-center span12"></div> 
     <div class="row-fluid"> 
     ... 
     </div> 
     ... 
    </div> 
</div>

及這裏的設置頁眉DIV的SCSS：

div.header-photo { 
    background-image: url(/images/header-photo.png); 
    width: 1200px; 
    height: 368px; 
    h2,h3 { 
    text-indent: -99999px; 
    } 
}

所以，如果我用span12，其他的div適應大小header-photo div，但只能達到1192px。

什麼是最好的方法來獲得容器正好1200px？

用CSS規則強制它（像我試過）？
一個我無能爲力的網格組合？
告訴設計師使標題照片更小/更大，以適應另一個值？
...？

任何提示高度讚賞！

在此先感謝！

來源

2013-07-03 FullOfCaffeine

糾正我，如果我錯了。但如果我沒記錯的話。引導程序不在列上添加一些邊距值。我假設你沒有補償那可能是你爲什麼會短缺的原因。 –

嗨克里斯。這是排水溝的寬度嗎？另外，當你說「補償」你的意思是在網格conf vars值？謝謝！ – FullOfCaffeine

你應該通過打開靴子寶石來修復容器的價值

來源

2013-09-27 10:10:40 Ajey

我不知道你指的是什麼？ –

使用twitter引導設置容器的精確寬度

回答

相關問題