如何使用twitter bootstrap格式化背景颜色？

Question

我正在网站上玩这些风格:http://www.grabapper.com

我试图#2ba6cb在英雄单位包括背景颜色.当我包括:

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

颜色不会一直到页面的边缘.如何获取背景颜色以转到页面边缘？

Answer 1

Bootstrap默认的" 上下文背景 "辅助类来更改背景颜色:

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

如果您需要设置自定义背景颜色,则可以在style.css(自定义css文件)示例中编写自己的自定义类

.bg-pink
{
  background-color: #CE6F9E;
}

Answer 2

之前移动您的行<div class="container marketing">并用新容器包装它,因为当前容器宽度是1170px(不是100%):

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

CSS:

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