2013-04-10 81 views
1

我正在將twitter引導主題轉換爲wordpress主題並添加到它。添加全寬滑塊或圖像到twitter引導主題時出現問題

我有問題將全寬度項目添加到主題中。我曾嘗試添加設置爲全寬度的滑塊插件。雖然當它被添加到一個固定的寬度,如果我也添加一個圖像也會發生同樣的情況。看起來我的頁面中的所有內容都是這樣做的,除了我的頁眉和頁腳。

此外,它似乎每次我添加任何東西到頁面/頁腳得到搞砸了。我仍然在學習CSS。

我正在發佈一個鏈接到網站,看看有沒有人可以看看,並給我一隻手。

http://goo.gl/8JUDA

+0

你正在努力使滑塊的寬度加寬100窗口%? – 2013-04-10 07:04:49

回答

0

看起來你包含要一個.container專區內拉伸窗口的大小的元素。

.container用於引導固定佈局。請嘗試使用.container-fluid類。

例如:

<div class="container-fluid"> 
    <div class="row-fluid"> 
    <div class="span2"> 
     <!--Sidebar content--> 
    </div> 
    <div class="span10"> 
     <!--Body content--> 
    </div> 
    </div> 
</div> 

瞭解更多:http://twitter.github.io/bootstrap/scaffolding.html#layouts

+0

非常感謝你。我有一個問題,但。因爲我補充說,它在很大程度上降低了容器的尺寸。我試着用margin和padding來移動它,儘管這不起作用。你能引導我走向正確的方向嗎? – user1632018 2013-04-10 20:13:07

+0

你真的不應該需要做任何自定義CSS來讓它看起來不錯。它看起來像你使用錯誤的佈局。你的佈局應該有一個'.fluid-container' div(一個「容器」包含幾個元素)。在容器內,你應該有'.row-fluid'元素,它將包含一排「元素」。 – 2013-04-10 21:42:42