Question

当你读到这篇文章时......我可能还没有解决我的问题，

我试图调整标签和单选按钮，我尝试了很多＆＃34;解决方案＆＃34;但是没有任何作用。我自己创建的单选按钮上没有css。

我的代码：

<div class="row">
   <div class="col-md-12">
       <div class="btnRadio">
           <label class="radio-inline" for="gal2015lbl">
               <input name="galTab" id="gal2015" value="2015" type="radio">2015
           </label>
           <label class="radio-inline" for="gal2014lbl">
               <input name="galTab" id="gal2014" value="2014" type="radio">2014
           </label>
           <label class="radio-inline" for="gal2013lbl">
               <input name="galTab" id="gal2013" value="2013" type="radio">2013
           </label>
           <label class="radio-inline" for="gal2012lbl">
               <input name="galTab" id="gal2012" value="2012" type="radio">2012
           </label>
           <label class="radio-inline" for="galOtherlbl">
               <input name="galTab" id="galOther" value="Anders" type="radio">And
           </label>
       </div>
   </div>
</div>

Answer 1

尝试将输入放在标签外面。

<label class="radio-inline" for="galOtherlbl">
    And
</label>
<input name="galTab" id="galOther" value="Anders" type="radio">

Answer 2

将标签放在标签标签中，如

<label class="radio inline control-label">Some label</label>

试

FIDDLE DEMO

<div class="row">
   <div class="col-md-12">
       <div class="btnRadio">

               <input name="galTab" id="gal2015" value="2015" type="radio">
               <label class="radio-inline" for="gal2015lbl">2015</label>

               <input name="galTab" id="gal2014" value="2014" type="radio"> 
               <label class="radio-inline" for="gal2014lbl">2014</label>

               <input name="galTab" id="gal2013" value="2013" type="radio">
               <label class="radio-inline" for="gal2013lbl">2013</label>

               <input name="galTab" id="gal2012" value="2012" type="radio" />
               <label class="radio-inline" for="gal2012lbl">2012</label>

               <input name="galTab" id="galOther" value="Anders" type="radio"/>
               <label class="radio-inline" for="galOtherlbl">And</label>
       </div>
   </div>
</div>

如何对齐标签和单选按钮？

2 个答案: