css - bootstrap中水平表单下的form-group的margin属性问题

问题描述

问 题

.form-horizontal .form-group{
    margin-left:-15px;
    margin-right:-15px;
}

实际运用时，浏览器下方会产生一个滚动条，内容宽度比浏览器宽度大了30px。

<form class="form-horizontal">
    <div class="form-group">
      <label for="name" class="col-md-2 control-label">表单的类名为form-horizontal,记得要有form-group</label>
      <div class="col-md-10">
        <input type="text" id="name" class="form-control" placeholder="这里input要用div.col-xx-x包起来,因为form-control类的width为100%,会覆盖.col-xx-x">
      </div>
    </div>
</form>

主要还是想知道这么写的意图。 感觉还不如不写啊(lll￢ω￢)

解决方案

怎么来解释你这个左右边距-15px呢？我是没有遇到过左右边距-15px难道不应该是正？

下面这个代码应该能解决你这个问题~

.form-horizontal .form-group{
    margin: 0px;
}

这篇关于css - bootstrap中水平表单下的form-group的margin属性问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！