フォーム内でのブートストラップ入力の制御幅の問題

Question

私のASP.NET MVCコアプロジェクトでは、フォーム内の入力コントロールの幅を広げることができません。私は入力コントロールに属性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内部を見てください。 Microsoftは、これを追加し、あなたが削除した場合、その固定：

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