html - Bootstrap 3 : Alignment issues while creating form

Question

我在使用 bootstrap 3 创建表单时遇到一些对齐问题。 我想将我的表单向左对齐，以便我的表单字段从左侧开始。但是我所拥有的是表单字段的左侧有很多空间。我尝试使用“向左拉”和边距 css，但它不起作用。

我无法解决的另一件事是它以某种方式在屏幕底部添加了一个滚动条，即使我没有任何数据。

我为此创建了一个代码笔: https://codepen.io/anon/pen/gKNZwz

没有把整个代码放在这里，因为它太多了。

<div class="form-horizontal">
  <div class="form-group pull-left" style="">
  </div>
</div>

将不胜感激。

Answer 1

您在其中一个类上有负边距，您必须将其删除以避免水平滚动条，请参见下面的屏幕截图

为了减少左边的空间，你可以让你的标签文本左对齐或者让你的标签类.col-sm-1,

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

.form-horizontal .control-label {
  text-align: left;
}

我添加了一支更新的笔，看看是否对您有帮助:

https://codepen.io/anon/pen/dKBaYq