如何將我的表格左對齊

-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

如何將我的表格左對齊

回答

相關問題