我正在玩這裏的網站上的風格:http://www.grabapper.com如何使用twitter bootstrap格式化背景顏色?
我想在英雄單位包括背景色#2ba6cb
。當我包括:
<div class="row" style ='background-color: #2ba6cb;'>
顏色不會一直走到頁面的邊緣。如何獲取背景顏色以轉到頁面邊緣?
我正在玩這裏的網站上的風格:http://www.grabapper.com如何使用twitter bootstrap格式化背景顏色?
我想在英雄單位包括背景色#2ba6cb
。當我包括:
<div class="row" style ='background-color: #2ba6cb;'>
顏色不會一直走到頁面的邊緣。如何獲取背景顏色以轉到頁面邊緣?
移動你行<div class="container marketing">
之前,用新的容器包裝,因爲當前容器寬度爲1170px(不是100%):
<div class='hero'>
<div class="row">
...
</div>
</div>
CSS:
.hero {
background-color: #2ba6cb;
padding: 0 90px;
}
只需添加一個div的container
周圍所以它看起來像:
<div style="background: red;">
<div class="container marketing">
<h2 style="padding-top: 60px;"></h2>
</div>
</div>
引導默認「contextual backgrounds「助手類來改變背景顏色:
.bg-primary
.bg-default
.bg-info
.bg-warning
.bg-danger
如果您需要設置自定義背景色的話,你可以寫在style.css中自己的自定義類(自定義CSS文件)以下
.bg-pink
{
background-color: #CE6F9E;
}
例子
這確實應該是正確的答案 – Koenyn 2016-06-29 09:57:00
您需要重新格式化HTML。那個容器不夠寬。您需要製作一個寬度達到100%的容器 – ntgCleaner 2013-05-02 21:04:54
您想更改頁面的整個背景顏色嗎?只要使用'body {background-color:#2ba6cb;}' – Omega 2013-05-02 21:06:40
不是整個頁面。只是第一個模塊。 – sharataka 2013-05-02 21:07:18