Bootstrap 3.0 的行有 margin-left -30px答案

【问题标题】：Bootstrap 3.0's row has margin-left -30pxBootstrap 3.0 的行有 margin-left -30px
【发布时间】：2013-10-17 21:36:02
【问题描述】：

从 Bootstrap 2 升级到 Bootstrap 3.0

其中一个主要变化是不再使用“row-fluid”，而是使用“row”

但是，当尝试实现以下内容时：

<div class="widget-content">
            <div class="row">
                <div class="col-md-11">

                    <div class="form-group">
                        <div class="col-md-2">
                            <label>Subject</label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="meetingSubject" name="meetingSubject"
                                   value="<?php echo $meeting->Subject ?>"
                                   autocomplete="off"
                                   placeholder="Meeting Desc">
                        </div>
                    </div>
               <div> 
           </div>
</div>

看来我的标签离左边太近了，当我检查时，结果发现那行的 margin-left -30px。见下图：

我不明白这是为了什么。有没有什么优雅的方法可以用这些标准来解决这个问题：

不更改引导核心 css（以便更轻松地更新引导版本）

不会让我重复这门课。（我正在考虑在下面实现 - 但由于到处都使用行，所以这个解决方案对我来说是个坏主意）

 <div class="widget-content">
        <div class="row rowpad30">
        ...
        </div>
 </div>

.rowpad30
{
  padding-left: 30px;
  padding-bottom: 5px;
}

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

也许您应该将细分包装成一行：

<div class="widget-content">
            <div class="row">
                <div class="col-md-11">
                  <div class="row">   //  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
                    <div class="form-group">
                        <div class="col-md-2">
                            <label>Subject</label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="meetingSubject" name="meetingSubject"
                                   value="<?php echo $meeting->Subject ?>"
                                   autocomplete="off"
                                   placeholder="Meeting Desc">
                        </div>
                    </div>
                 </div> // <<<<<<<<<<<<<<<<<<<<<<<<

               <div> 
           </div>
</div>

【讨论】：