У меня есть форма Bootstrap с некоторыми встроенными переключателями и ярлыком. Я хотел бы держать ярлык в той же строке, что и кнопки, но я не могу заставить этого сделать. Здесь мой подход:
<form>
<div class="control-group">
<label class="control-label">Some label</label>
<div class="controls">
<label class="radio inline">
<input type="radio" value="1"/>
First
</label>
<label class="radio inline">
<input type="radio" value="2"/>
Second
</label>
</div>
</div>
</form>
Fiddle: http://jsfiddle.net/GaDbZ/2/
Я также пробовал это:
<form>
<div class="form-inline">
<label class="control-label">Some label</label>
<label class="radio">
<input type="radio" value="1"/>
First
</label>
<label class="radio">
<input type="radio" value="2"/>
Second
</label>
</div>
</form>
Но все сливается вместе. Fiddle: http://jsfiddle.net/GaDbZ/3/
Как я могу получить горизонтальное расстояние от первого в сочетании с вертикальным интервалом второго?
Кроме того, я должен отметить, что в реальной жизни у меня есть куча других вещей, происходящих в форме, поэтому я не хочу использовать form-horizontal
, потому что он создает фанковые поля, которые не сжимаются с другим вещи, которые у меня есть.