Растяжка текстового поля в форме в ASP.NET MVC5

Может кто-нибудь, пожалуйста, объясните мне, почему мое текстовое поле не растягивается ?? Я потратил на это смехотворное количество времени, и я, очевидно, что-то пропустил.Растяжка текстового поля в форме в ASP.NET MVC5

Я просмотрел различные ответы на SO и на другом сайте, но безрезультатно. Я попытался изменить атрибуты при использовании style, но опять же не повезло!

Я нашел статью о SO, но не могу ее найти сейчас, но у меня есть образец, который был предоставлен: resize example, а в статье указано, что вы можете просто установить стиль width:100%, но даже глядя на этот пример, сводит меня с ума, как обе линии растяжения 100%, но только один из них имеет его ширина устанавливается на 100%

@using System 
@model MyCompany.Models.ApplicationFormModel 

@{ 
    ViewBag.Title = "Application Form"; 
} 

@*<h2>ApplicationForm</h2>*@ 

<div class="row"> 
    @*<div class="col-sm-6">*@ 
    <div class="well bs-component"> 
     @using (Html.BeginForm("ApplicationForm", "Registration", 
       FormMethod.Post, new { @class = "form-horizontal", role = "form" })) 
      { 
      @Html.AntiForgeryToken() 
      <fieldset> 
       <legend>Application Form</legend> 
       @Html.ValidationSummary(true, "", new { @class = "text-danger" }) 

       <div class="form-group"> 
         @Html.LabelFor(model => model.Name, 
         new { @class = "control-label col-sm-2" }) 
        <div class="col-sm-10"> 
         @Html.TextBoxFor(model => model.Name, 
         new { @class = "form-control", style = "width:100%" }) 
         @Html.ValidationMessageFor(model => model.Name, "", 
         new { @class = "text-danger" }) 
        </div> 
       </div> 

       <div> 
        <div class="form-group"> 
         <div class="col-md-offset-2 col-md-10"> 
          <input type="submit" value="Save" class="btn btn-primary" /> 
         </div> 
        </div> 
       </div> 
      </fieldset> 
      } 
    </div> 
    @*</div>*@ 
</div>

источник

2017-02-19 Thierry

Используйте инструменты браузера для проверки css элемента - существует ли 'max-width' set? –

@StephenMuecke Вы были на самом деле правы, и я просто заметил случайность, глядя дальше в инструменты. Существует стиль по умолчанию, созданный с проектом asp.net mvc 5, где он устанавливает ширину «Input, TextArea и Select» до 280px !! Почему бы это сделать MS? Я потратил часы, изучая это. Я знаю, что я новичок в этом, но это действительно не помогает! На самом деле раздражает, что он не подсвечен нигде tbs! Возможно, вы захотите ответить на ваш ответ. – Thierry

Посмотрите в site.css

Там, вероятно, вы найдете следующие строки

/* Set width on the form input elements since they're 100% wide by default */ 
input, 
select, 
textarea { 
    max-width: 280px; 
}

источник

2017-02-20 07:50:03 vscorp1991

см. Мой комментарий выше, но спасибо в любом случае :). – Thierry

Растяжка текстового поля в форме в ASP.NET MVC5

ответ

Смежные вопросы