Бутстрап-форма для групп радиосвязи

Question

Может ли кто-нибудь пролить свет на то, как отформатировать кнопки Radio Buttons в группе форм Bootstraps?

Он попадает в проблему, если слишком много радиоуправления и обертывание вокруг следующей строки. Блок управления бутстрапом не будет расходоваться на все.

Приведенный ниже пример, который был упрощен для иллюстративных целей.

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="form-group has-feedback"> 
 
    <label class="control-label" for="mRadio">Radio Test</label> 
 
    <div id="mRadio" class="form-control"> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 1</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 2</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 3</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 4</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 5</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 6</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 7</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 8</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 9</label> 
 
    <label class="radio-inline"> 
 
     <input type="radio" name="optradio">Option 10</label> 
 
    </div> 
 
    <span class="glyphicon glyphicon-ok form-control-feedback"></span> 
 
</div>

Answer 1

Добавить этот css перезаписать высоту, установленную самонастройки

.form-control {height: auto;}