Я не могу настроить ширину TextAreaFor MVC5 BootstrapCSS

Разбираемся в CSS
Ответить
Anonymous
 Я не могу настроить ширину TextAreaFor MVC5 Bootstrap

Сообщение Anonymous »

Я уже несколько часов пытаюсь отобразить поле примечаний так, чтобы оно имело полную ширину и несколько строк на вкладке начальной загрузки. Мне нужно следующее:
Изображение


До сих пор я искал решения/сообщения, но ни одно из них мне не помогло. Мой код бритвы:

Код: Выделить всё




@Html.LabelFor(model => model.Project.sysNotes, new { @class = "col-md-2 control-label" })

@Html.TextAreaFor(model => model.Project.sysNotes, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.Project.sysNotes, "", new { @class = "text-danger" })





@Html.LabelFor(model => model.Project.sysUser_Add, new { @class = "col-md-2 control-label" })

@Html.TextBoxFor(model => model.Project.sysUser_Add, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.Project.sysUser_Add, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.Project.sysDD_Add, new { @class = "col-md-2 control-label" })

@Html.TextBoxFor(model => model.Project.sysDD_Add, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.Project.sysDD_Add, "", new { @class = "text-danger" })





Я скорректировал файлы CSS (bootstrap, bootstrap-sandstone и site) соответственно:



Я скорректировал файлы CSS (bootstrap, bootstrap-sandstone и site) соответственно:

Код: Выделить всё

textarea.form-control {
width: 100%;
height: 200px;}
и

Код: Выделить всё

/* Set width on the form input elements since they're 100% wide by default (LC: was 280px)*/
input,
select,
textarea {
max-width: 100%;
}
Что я могу сделать???

редактировать: см. также комментарий ниже @T_Roy, новый дамп экрана:
Изображение


Может быть, связан ли неправильный рендеринг с _layout.cshtml?

редактировать (последний раз): Я принимаю ответ T_Roy, путь, но в конечном итоге мою текущую проблему решило дополнение (взлом) Laiman . Я все еще вижу странное поведение в своем решении, но оно работает, и нужно продолжать сейчас. Однако мне придется провести рефакторинг и лучше понять, как все это работает вместе.

Спасибо всем!

Подробнее здесь: https://stackoverflow.com/questions/459 ... afor-width
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»