Question

这让我发疯，我希望有人可以帮助我。我正在尝试将表单对齐到左侧，使其与上面的文本垂直对齐（比较您的数据）。有什么想法吗？非常感谢。

http://www.bootply.com/voJDzgVWDx

Answer 1

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

此外，您可以定义no-margin类，实际上有-15px页边距，并且可以将其添加到col-md-2中的第一个form-group div。

http://www.bootply.com/vG7cIOvQFH

Answer 2

您的<label>有col-md-4，因此虽然您没有标签，但却占据了4列。当您有标签时，它将与Compare your data一致。

您可以查看我的fork

我还在标签上添加了padding-left:0px;。

Answer 3

在下拉列表后添加标签：

Bootply Demo

，同样在其他表格领域。

Answer 4

替换此行

 <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

Answer 5

见下文。删除'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">

Answer 6

它已经对齐了......虽然标签标签中没有任何文字

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

要么填写标签，要么将其删除：）

如何在左侧对齐我的表格

6 个答案: