在ASP.NET中引導輸入組附加對齊問題查看

Question

我似乎無法在ASP.NET View中正確對齊input-group-addon。

<form asp-action="Create"> 
    <div class="form-horizontal"> 
     <h4>Category</h4> 
     <hr /> 
     <div asp-validation-summary="ValidationSummary.ModelOnly" class="text-danger"></div> 
     <div class="form-group"> 
      <label asp-for="Hex" class="col-md-2 control-label"></label> 
      <div class="col-md-10"> 
       <div class="input-group"> 
        <div class="input-group-addon"><i></i></div> 
        <input asp-for="Hex" class="form-control" value="" /> 
        <span asp-validation-for="Hex" class="text-danger" /> 
       </div> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label asp-for="CompanyId" class="col-md-2 control-label"></label> 
      <div class="col-md-10"> 
       <select asp-for="CompanyId" asp-items="Model.Companies" class="form-control"> 
        <option value="">--Please Select--</option> 
       </select> 
      </div> 
     </div> 

<div class="form-group"> 
      <label asp-for="Name" class="col-md-2 control-label"></label> 
      <div class="col-md-10"> 
       <input asp-for="Name" class="form-control" /> 
       <span asp-validation-for="Name" class="text-danger" /> 
      </div> 
     </div> 
     <div class="form-group"> 
      <div class="col-md-offset-2 col-md-10"> 
       <input type="submit" value="Create" class="btn btn-default" /> 
      </div> 
     </div> 
    </div> 
</form> 

在JSFiddle（在添加標籤後）中看起來很好。但是，像這樣，當我運行View：

如果我換了input-group-addon和插件浮起到右側input。

難道這是由_layout視圖呈現的孩子View的方式嗎？

Answer 1

這可能是一個孩子的看法是由_layout視圖呈現的方式？

是。特別是與renderbody。