asp.net Bootstrap不允许扩展输入标签的宽度

Question

在我的以下View Bootstrap不允许扩展输入标签的宽度;此外，它将输入标签的标签和按钮对齐到中心，而不是将其对齐到左边（就像在其上方的下拉框中）。我已经为Bootstrap的Grid列分配了4 + 7 + 1的标签，输入和按钮。但即使我改变这个分布来说，3 + 8 + 1输入标签的宽度保持不变。 问题：我怎样才能使它显示，以便在最左侧的标签显示，按钮显示在最右侧，输入标签采用整个空间在它的标签和Add按钮之间

查看：以上观点的

<form asp-controller="TestContr" asp-action="TestAction" method="post" class="form-horizontal"> 
    <hr /> 
    <div asp-validation-summary="All" class="text-danger"></div> 
    <div class="form-group"> 
     <div class="col-md-9"> 
      <label asp-for="SelectedYear" class="control-label"></label> 
      <select asp-for="SelectedYear" asp-items="Model.lstYears"></select><button type="submit" name="submit" value="GO" class="btn btn-info btn-xs">GO</button> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label asp-for="TestDesc" class="control-label col-sm-4"></label> 
     <div> 
      <input asp-for="TestDesc" class="form-control col-sm-7"/><button type="submit" name="submit" value="Add" class="btn btn-info btn-xs col-sm-1">Add</button> 
      <span asp-validation-for="TestDesc" class="text-danger"></span> 
     </div> 
    </div> 
</form> 

显示页面：

如果我将内嵌样式style="width:300px;height:100px;"添加到输入标签，它仍然不增加宽度;它不仅增加了高度如下所示：

UPDATE

以下从用户@MattSpinks我能够对准Add按钮向右和标签向左一个建议之后;但输入宽度保持不变，如下图所示：

Answer 1

在有asp-for="TestDesc"你的输入，你有你的col-sm-7错了地方。该类应该分配给其父分区。而且你的按钮应该和父div有相同的DOM级别。

<form asp-controller="TestContr" asp-action="TestAction" method="post" class="form-horizontal"> 
    <hr /> 
    <div asp-validation-summary="All" class="text-danger"></div> 
    <div class="form-group"> 
     <div class="col-md-9"> 
      <label asp-for="SelectedYear" class="control-label"></label> 
      <select asp-for="SelectedYear" asp-items="Model.lstYears"></select><button type="submit" name="submit" value="GO" class="btn btn-info btn-xs">GO</button> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label asp-for="TestDesc" class="control-label col-sm-4"></label> 
     <div class="col-sm-7"> 
      <input asp-for="TestDesc" class="form-control"/> 
      <span asp-validation-for="TestDesc" class="text-danger"></span> 
     </div> 
     <button type="submit" name="submit" value="Add" class="btn btn-info btn-xs col-sm-1">Add</button> 
    </div> 
</form> 

为了对齐标签的左侧，添加text-align: left到您的控制标签类：

.form-horizontal .control-label { 
    text-align:left; 
} 

工作样本：https://jsfiddle.net/mspinks/9jevfug0/2/