引導輸入控制表單內的寬度

Question

在我的ASP.NET MVC Core項目中，我無法增加表單內輸入控件的寬度。我嘗試添加屬性width=500px等輸入控件，但它始終顯示相同的固定寬度的輸入控件，如下圖所示。

注意：我使用最新的ASP.NET Core和VS2015版本，默認情況下安裝了引導程序3。

顯示查看的：

查看：

@model myProj.Models.SystemEmail 
<div class="row"> 
    <div class="col-sm-3"> 
     <a asp-controller="Home" asp-action="Index">Home</a> 
     @await Component.InvokeAsync("LeftMenu") 
    </div> 
    <div class="col-md-9"> 
     <form asp-action="SysEmailEdit"> 
      <div class="form-horizontal"> 
       <hr /> 
       <div asp-validation-summary="ModelOnly" class="text-danger"></div> 
       <input type="hidden" asp-for="SystemEmailId" /> 
       <div class="form-group"> 
        <label asp-for="From" class="col-md-1 control-label"></label> 
        <div class="col-md-11"> 
         <input asp-for="From" class="form-control" /> 
         <span asp-validation-for="From" class="text-danger" /> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label asp-for="EmailSubject" class="col-md-1 control-label"></label> 
        <div class="col-md-11"> 
         <input asp-for="EmailSubject" class="form-control" width="500px" /> 
         <span asp-validation-for="EmailSubject" class="text-danger" /> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label asp-for="EmailBody" class="col-md-1 control-label"></label> 
        <div class="col-md-11"> 
         <textarea asp-for="EmailBody" class="form-control"/> 
         <span asp-validation-for="EmailBody" class="text-danger" /> 
        </div> 
       </div> 
       <div class="form-group"> 
        <div class="col-md-offset-1 col-md-11"> 
         <input type="submit" value="Save" class="btn btn-default" /> 
        </div> 
       </div> 
      </div> 
     </form> 
     <div> 
      <a asp-action="SystemEmails">Back to List</a> 
     </div> 
    </div> 
</div> 
@section Scripts { 
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");} 
} 

Answer 1

看一看裏面/Content/site.css。 微軟加入這一點，如果你刪除它的固定：

input, 
select, 
textarea { 
    max-width: 280px; 
} 

此外，您還可以覆蓋最大寬度：

input, 
select, 
textarea { 
    max-width: none; 
}