引导：复选框和文本框大小不匹配

我有一个与文本框关联的复选框（复选框将启用/禁用文本框）。我用引导的风格他们两个，但是文本框是不是复选框的周围的灰色框为垂直大（如可在所附截图中可以看到）引导：复选框和文本框大小不匹配

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

引导：复选框和文本框大小不匹配

回答

相关问题