css - 填充问题 - bootstrap 3

Question

在 Mobile 模式下查看下面的示例。

Sample

在 Fieldset 3 中，为什么所有标签和文本框的左侧都有轻微的 padding。

Answer 1

像下面的回答状态一样，您已经为 Fieldset 3 提供了 col-md-6 类以及您的 form-group。现在，由于您确实需要 col-md-6 将元素分成 2 列，您可以针对特定的字段集并删除填充。

HTML:

 <form class="form-horizontal" id="fieldset3"> <!-- ID added -->
            <fieldset>
                <legend>Fieldset 3</legend>

CSS:

#fieldset3 .col-md-6{
  padding-left:0px;
}

DEMO 1

为了方便起见，您还可以这样对标签进行分组:

<div class="col-md-6">
    <div class="form-group">
        <!-- Label and input here -->
    </div>
    <div class="form-group">
        <!-- Label and input here -->
    </div>
    <div class="form-group">
        <!-- Label and input here -->
    </div>
</div>

<div class="col-md-6">
    <div class="form-group">
        <!-- Label and input here -->
    </div>
    <div class="form-group">
        <!-- Label and input here -->
    </div>
    <div class="form-group">
        <!-- Label and input here -->
    </div>
</div>

DEMO 2