控制单选按钮alignement

我使用框架Boostrap，我想控制单选按钮对齐。控制单选按钮alignement

我看到的所有示例都显示了单选按钮的响应列表，但不管理对齐方式。要么他们使用相同尺寸或固定宽度的标签来保持对齐，但没有任何真正的响应。

我试着用以下但

http://jsfiddle.net/rm7n73ep/`

<label class="radio-inline"> 
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 
Radio button's label 2

的解决方案是否有人知道如何将属性为响应行为，为的正确对准结合标签和单选按钮？

非常感谢您的回答！

来源

2017-03-07 Gilles Nolorgues

在这对准你想要做的显示应该有一排只有一个单选按钮？ – user7397787

添加以下class

label{ 
      display: block; 
     }

来源

2017-03-07 11:02:53 user7397787

我认为这是你正在寻找的东西，但我不明白你的需要。 – user7397787

感谢您的回答，我会测试。 –

检查这有助于：

   <div class="form-group"> 
        <label class="col-md-5"> Your label </label> 
        <div class="col-md-7"> 
         <div class="col-md-6"> 
          <input type="radio" name="name1" value="0" checked/> 
          <label for="name1">Input 1</label> 

          <input type="radio" name="name2" value="1" /> 
          <label for="name2">Input2</label> 
         </div> 

        </div> 
       </div>

来源

2017-03-07 12:36:55 Nevermore

感谢您的回答，我会检查。 –

控制单选按钮alignement

回答

相关问题