如何将我的表格左对齐

-1

这让我发疯，希望有人能帮助我。我正在尝试将表单向左对齐，以便它与上面的文本垂直（比较您的数据）。任何想法？非常感谢。如何将我的表格左对齐

http://www.bootply.com/voJDzgVWDx

来源

2016-06-08 JulianJ

请加[MCVE ]。 – Ivar

它因为你的'label for =“utility_type”'占据了一些空间。添加'display：none'到它的CSS。 – Himanshu

'.col-md-2'上有15px的填充，您可以修复以及在此媒体查询中使用宽度：'@media（min-width：992px）.col-md-2 {{width：16.66666667 ％;}}' –

您的标签中没有任何内容，因此请向其添加sr-only类。

此外，您还可以定义一个no-margin类，究竟有-15px保证金，你可以在form-group其添加到第一col-md-2股利。

http://www.bootply.com/vG7cIOvQFH

来源

2016-06-08 08:11:09 vaso123

我从来不知道sr-only。很棒。谢谢。 – JulianJ

您也可以使用'hidden-xs'。 – vaso123

你<label>有col-md-4等是占据4列，虽然你没有标签。当你有一个标签时，它将符合Compare your data。

你可以在我的fork

看看我还添加了一个padding-left:0px;的标签。

来源

2016-06-08 08:08:45 phreakv6

下拉后添加标签：

Bootply Demo

，同样在其他表单字段太多。

来源

2016-06-08 08:11:00 Himanshu

替换该行

<label class="col-md-4 control-label" for="utility_type"></label>

与此

<label class="col-md-12 control-label" for="utility_type"></label>

，你也可以从col-md-12取出填充或放在里面row

来源

2016-06-08 08:12:39 Adrian

见下面。删除'col-md-2'。第一个字段将与上面的文本对齐。然后对其余的做同样的事情。

<!-- Select Basic --> 
          <div class="form-group"> 
           <label class="col-md-4 control-label" for="utility_type"></label> 
           <div class="col-md-2">

来源

2016-06-08 08:18:48 Pepper

它已经对准的......虽然你没有在标签标记的任何文本

<label class="col-md-4 control-label" for="utility_type">This is a label</label>

无论您填写的标签或删除它:)

来源

2016-06-08 08:23:19

如何将我的表格左对齐

回答

相关问题