如何将bootstrap背景容器分为2种颜色

我正在使用Twitter引导程序来实现我的项目界面,但我遇到了背景问题,直到现在我无法解决它,

"我如何将bootstrap背景容器分为2种颜色",我的意思是每6个cols都有不同的颜色,Fluid-background容器将是左右相同的列图下面是描述我想做什么

http://i.stack.imgur.com/LN38U.png

所以希望得到一些提示

谢谢

这可能会给你一个开始.

我添加了一个.bg-outer围绕.container并给予它含有一个线性梯度的背景.线性渐变从左到右,两种颜色的起点和终点都设置为50%,使其颜色突然变化.一个问题可能是这个颜色变化发生在排水沟的中间,如果你想要你可以通过background-color在7日添加一个来解决这个问题.col-xs-1.

对于我添加了一个列内容的背景div内的每个col-xs-1时,div得到一个background-color使用任一类.bg-left或.bg-right.如果你background-color直接在col-xs-1它上面添加它也会给网格装订这种颜色,因为Bootstrap使用填充来创建网格装订线.

.bg-outer {
  background: linear-gradient(to right, #6B6FFF 50%, #2C00C8 50%);
}

.bg-left {
  background-color: #913EDD;
}

.bg-right {
  background-color: #3900AB;
}

  

    

      
col
      
col
      
col
      
col
      
col
      
col
      
col
      
col
      
col
      
col
      
col
      
col