twitter-bootstrap - 如何为引导行添加边框和背景颜色？

Question

我在我的项目中使用 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>

我尝试添加另一个包含 col-xs-6 div 的内部 div。我使用了 div alert alert-warning，但这增加了一些奇怪的填充。向现有引导行添加样式的正确方法是什么？

标签： twitter-bootstraptwitter-bootstrap-3

Answer 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>