Question

使用引导程序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;
}

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