Bootstrap Radyo Düğmesi Grubunda Etiket ve Aynı Yükseklikteki Değerler Nasıl Yapılır?

Question

Aşağıdaki etiket şeridinin etiket yüksekliklerinin değerlerden farklı olduğu Bootstrap radyo düğmesi grubuna sahibim. etiket ve değerlerin yükseklikleri hiçbir boşluk kalmayacak şekilde

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
 

 
<div class="input-group input-group-lg"> 
 
    <span class="input-group-addon" id="addon-title">Type</span> 
 
    <div class="btn-group" data-toggle="buttons"> 
 
     <label class="btn btn-primary active"> 
 
      <input type="radio" name="eventType" value="one"> One 
 
     </label> 
 
     <label class="btn btn-primary"> 
 
      <input type="radio" name="eventType" value="two"> Two 
 
     </label> 
 
     <label class="btn btn-primary"> 
 
      <input type="radio" name="eventType" value="three"> Three 
 
     </label> 
 
     <label class="btn btn-primary"> 
 
      <input type="radio" name="eventType" value="four"> Four 
 
     </label> 
 
    </div> 
 
</div>

nasıl değiştirebilirim?

Answer 1

Örnekte olduğu gibi etiketler için .btn-lg sınıfını kullanmayı deneyin.

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
 

 
<div class="input-group input-group-lg"> 
 
    <span class="input-group-addon" id="addon-title">Type</span> 
 
    <div class="btn-group" data-toggle="buttons"> 
 
     <label class="btn btn-primary btn-lg active"> 
 
      <input type="radio" name="eventType" value="one"> One 
 
     </label> 
 
     <label class="btn btn-primary btn-lg"> 
 
      <input type="radio" name="eventType" value="two"> Two 
 
     </label> 
 
     <label class="btn btn-primary btn-lg"> 
 
      <input type="radio" name="eventType" value="three"> Three 
 
     </label> 
 
     <label class="btn btn-primary btn-lg"> 
 
      <input type="radio" name="eventType" value="four"> Four 
 
     </label> 
 
    </div> 
 
</div>