Как я могу уменьшить пространство между входными данными с помощью начальной загрузки Twitter?
-
27-10-2019 - |
Вопрос
Я использую CSS формирует стили из Twitter Bootstrap Но я хотел бы уменьшить расстояние между полями ввода формы. Не уверен, какой элемент CSS мне нужно перезаписать.
Любые идеи?
Решение
Если вы работаете с настройкой по умолчанию, вы можете уменьшить .line
маржа для достижения вашей цели. Попробуй это:
form .line {
margin-bottom: 5px; //adjust to your liking
}
Это, конечно, если вы работаете с полем ввода, разделенным линейным Div, который использует начальная загрузка, например:
<div class="line">
<label for="input">Full Name</label>
<div class="input">
<input type="text" name="input" size="30">
</div>
</div>
<div class="line">
<label for="input">Last Name</label>
<div class="input">
<input type="text" name="input" size="30">
</div>
</div>
...
Другие советы
При использовании Bootstrap v2.1 я использую их горизонтальные формы, чтобы уменьшить высоту моих форм, я обнаружил, что изменение нижнего края .control-Group может дать желаемый эффект.
По умолчанию 20PX Я верю, я использую 8px
.form-horizontal .control-group {
margin-bottom: 8px;
}
Не связан с StackOverflow