如何在我的情况下正确设置元素的边距

Question

我正在尝试使用bootstrap

在div中添加一堆元素

我有类似

的东西

<div class="row">
    <div class="col-xs-8">
       //contents
    </div>

    <div id="forms" class="col-xs-4">
        <div class="title">My first app</div> //no stretch 
        <div class="form-group">  //stretch to the edge
            //contents 
        </div>
        <div class="form-group"> //stretch to the edge
            //contents
        </div>
    </div>
</div>

我的问题是表单组有默认margin-left:-15px和margin-right:-15px css。所以表单看起来如此伸展到forms div的边缘。

我可以手动设置margin:0来覆盖这些表单的css，但我不确定这是否是bootstrap中的最佳做法。任何人都可以帮我吗？谢谢！

Answer 1

使用容器类

自举：

1. 容器
2. 行（多个）
3. COL（S）

当你跳过一个lvl时，你最有可能陷入边缘 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

<div class="container">
 <div class="row">
    <div class="col-xs-8">
       //contents
    </div>

    <div id="forms" class="col-xs-4">
        <div class="title">My first app</div> //no stretch 
        <div class="form-group">  //stretch to the edge
            //contents 
        </div>
        <div class="form-group"> //stretch to the edge
            //contents
        </div>
    </div>
 </div>
</div>