Twitter Bootstrap:将容器分为两种颜色

时间:2015-12-03 16:14:26

标签: twitter-bootstrap-3

我不确定如何在Bootstrap中完成此操作: Bootsrap container divided into 2 colours

我认为这是一种颜色,而不是我知道如何做到这一点。

我只知道如何在最大宽度为col-md-12的容器内做颜色:

<div class="container">
  <div class="row">
    <div class="col-md-3 blue"></div>
    <div class="col-md-9 red"></div>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

你可以使用css设置背景颜色,比如身体:

background: rgba(52,247,75,1);
background: -moz-linear-gradient(left, rgba(52,247,75,1) 0%, rgba(52,247,75,1) 38%, rgba(246,41,12,1) 38%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,247,75,1)), color-stop(38%, rgba(52,247,75,1)), color-stop(38%, rgba(246,41,12,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(52,247,75,1) 0%, rgba(52,247,75,1) 38%, rgba(246,41,12,1) 38%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(52,247,75,1) 0%, rgba(52,247,75,1) 38%, rgba(246,41,12,1) 38%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(52,247,75,1) 0%, rgba(52,247,75,1) 38%, rgba(246,41,12,1) 38%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(52,247,75,1) 0%, rgba(52,247,75,1) 38%, rgba(246,41,12,1) 38%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34f74b', endColorstr='#e73827', GradientType=1 );