Question

从Bootstrap 2升级到Bootstrap 3.0

其中一个主要变化是没有更多的“排液”而是使用“排”

然而，在尝试实施以下内容时：

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

看来我的标签太靠近左边了，当我检查时，结果显示该行有边距-30-px。见下图： enter image description here

enter image description here

我不明白这是为了什么。是否有任何优雅的方法来解决这些标准：

不会更改bootstrap core css（以便更新引导版本更容易）

不让我重复上课。（我想在下面实现 - 但由于行总是在任何地方使用，这个解决方案对我来说感觉不错）

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

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

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

Bootstrap 3.0的行有margin-left -30px

1 个答案: