如何在引导行中添加边框和背景色?

时间:2019-07-05 12:50:34

标签: twitter-bootstrap twitter-bootstrap-3

我在项目中使用Bootstrap Twitter(版本3.1.1)。我正在处理的部分要求该行具有边框和背景色。我想知道添加这些CSS属性的最佳方法是什么。这是我的HTML结构的示例:

<div class="container" id="container_profile">
    <div id="section2" class="tab-pane fade">
        <div class="row">
             <div class="col-xs-6">Record ID: <strong>8734573</strong></div>
             <div class="col-xs-6">
                 <div class="pull-right">
                     <input type="checkbox" name="validated" value="yes" />
                 </div>
             </div>
        </div>
    </div>
</div>

我尝试添加另一个内部div来包装两个col-xs-6 div。我使用了div alert alert-warning,但是添加了一些奇怪的填充。为现有的引导程序行添加样式的正确方法是什么?

1 个答案:

答案 0 :(得分:1)

结构应为:

<div class="container" id="container_profile">
    <div id="section2" class="tab-pane fade">
     <div class="alert alert-warning">
        <div class="row">
             <div class="col-xs-6">Record ID: <strong>8734573</strong></div>
             <div class="col-xs-6">
                 <div class="pull-right">
                     <input type="checkbox" name="validated" value="yes" />
                 </div>
             </div>
        </div>
      </div>
    </div>
</div>