2013-05-02 77 views
15

我正在玩這裏的網站上的風格:http://www.grabapper.com如何使用twitter bootstrap格式化背景顏色?

我想在英雄單位包括背景色#2ba6cb。當我包括:

<div class="row" style ='background-color: #2ba6cb;'> 

顏色不會一直走到頁面的邊緣。如何獲取背景顏色以轉到頁面邊緣?

+0

您需要重新格式化HTML。那個容器不夠寬。您需要製作一個寬度達到100%的容器 – ntgCleaner 2013-05-02 21:04:54

+0

您想更改頁面的整個背景顏色嗎?只要使用'body {background-color:#2ba6cb;}' – Omega 2013-05-02 21:06:40

+0

不是整個頁面。只是第一個模塊。 – sharataka 2013-05-02 21:07:18

回答

12

移動你行<div class="container marketing">之前,用新的容器包裝,因爲當前容器寬度爲1170px(不是100%):

<div class='hero'> 
    <div class="row"> 
    ... 
    </div> 
</div> 

CSS:

.hero { 
    background-color: #2ba6cb; 
    padding: 0 90px; 
} 
4

只需添加一個div的container周圍所以它看起來像:

<div style="background: red;"> 
    <div class="container marketing"> 
    <h2 style="padding-top: 60px;"></h2> 
    </div> 
</div> 
39

引導默認「contextual backgrounds「助手類來改變背景顏色:

.bg-primary 
.bg-default 
.bg-info 
.bg-warning 
.bg-danger 

如果您需要設置自定義背景色的話,你可以寫在style.css中自己的自定義類(自定義CSS文件)以下

.bg-pink 
{ 
    background-color: #CE6F9E; 
} 
例子
+2

這確實應該是正確的答案 – Koenyn 2016-06-29 09:57:00