引導：複選框和文本框大小不匹配

我有一個與文本框關聯的複選框（複選框將啓用/禁用文本框）。我用引導的風格他們兩個，但是文本框是不是複選框的周圍的灰色框爲垂直大（如可在所附截圖中可以看到）引導：複選框和文本框大小不匹配

enter image description here

我的代碼如下所示：

    <div class="row"> 
         <div class="col-md-3"> 
          @Html.LabelForConfig(model => model.PushRetroActivityDays) 
         </div> 
         <div class="col-md-9"> 
          <div class="input-group"> 
           <span class="input-group-addon"> 
            @Html.CheckBoxFor(model => model.IsRetroActivityDaysForPush) 
           </span> 
           @Html.EditorFor(model => model.PushRetroActivityDays) 

          </div><!-- /input-group --> 
         </div><!-- /.col-md-9 --> 
        </div>

如何使二者匹配起來（理想情況下，我想使文本框垂直，而不是大縮水周圍的複選框灰色框）

來源

2015-05-29 Sperick

像這樣... DEMO

<form class="form-inline"> 
    <div class="form-group"> 
    <div class="row"> 
     <div class="col-lg-6"> 
     <label for="exampleInputName2">Name</label> 
      <div class="input-group"> 
      <span class="input-group-addon"> 
      <input type="checkbox" aria-label="..."/> 
      </span> 
      <input type="text" class="form-control" aria-label="..."/> 
      </div> 
     </div> 
    </div> 
    </div> 
    </form>

來源

2015-05-29 11:13:30 sheshadri

我更新了答案檢查it..is要... – sheshadri

這種方式更適合你的榜樣，但不是我的。我嘗試應用類到下拉使用︰@ Html.EditorFor（model => model.PushRetroActivityDays，new {@class =「form-control」}）但它似乎並沒有堅持 – Sperick

好吧，我切換到一個TextBoxFor，它現在起作用 – Sperick

引導：複選框和文本框大小不匹配

回答

相關問題