Это сводит меня с ума, и я надеюсь, что кто-то может мне помочь. Я пытаюсь выровнять форму слева, чтобы она была вертикально в соответствии с текстом выше (Сравните ваши данные). Любые идеи? Большое спасибо.Как я могу выровнять свою форму слева
http://www.bootply.com/voJDzgVWDx
В ваших ярлыках ничего нет, поэтому добавьте класс sr-only.
Кроме того, вы можете определить no-margin класс, что на самом деле имеет -15px запас, и вы можете добавить его в первый col-md-2 DIV в form-group.
Ваш <label> имеет col-md-4 и так занимая 4 колонки, хотя вы не ярлык. Когда у вас есть ярлык, он будет соответствовать Compare your data.
Вы можете взглянуть на мою fork
Я также добавил padding-left:0px; на этикетке.
заменить эту строку
<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
См ниже. Удалите '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">
Его уже выровнены ... хотя у вас нет какой-либо текст в тегах метки
<label class="col-md-4 control-label" for="utility_type">This is a label</label>
либо вы заполнить этикетку или удалить его :)
Пожалуйста, добавьте [mcve ]. – Ivar
, потому что ваш 'label for =" utility_type "' занимает некоторое пространство. добавить 'display: none' в свой css. – Himanshu
есть 15px дополнение на '.col-md-2', которое вы можете исправить, а также ширину в этом запросе на медиа:' @media (min-width: 992px) .col-md-2 {{width: 16.66666667 %;}} ' –