2014-11-27 2 views
1

Когда вы читаете это ... Я, вероятно, до сих пор не решил свою проблему,Как выровнять ярлык и переключатель?

Я пытаюсь выровнять ярлык и радиообъект, я пробовал много «Решений», но ничего не работает. У меня нет css на переключателях, которые я создал сам.

Выход: http://prntscr.com/5am898

Мой код:

<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> 
+0

Осмотреть Элемент CSS: Метка: HTTP: //prntscr.com/5am7uz вход: HTTP: //prntscr.com/5am7zc – Anona

+0

Вы должны сделать DIV, который будет содержать как метки и кнопки радио. Например: http://jsfiddle.net/shadeed9/fm976xcj/ – shadeed9

ответ

1

Попробуйте поместить ввод за пределы этикетки.

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

yay Это сработало: P – Anona

+0

@Anona: я ответил так рано –

+0

Я пытался попробовать, но из-за некоторых fcked css, которые у меня все еще были ..... – Anona

0

поставить метку в маркирующие как

<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>