Как настроить большую текстовую область с помощью текстового редактора?

---

Я только начал изучать Bootstrap и ASP.Net MVC, a немного застрял.

Это моя точка зрения:

@модель Vrtic_2546.Модели.Догадзяня

@{
Видовая сумка.Title = " Создать";
Layout = " ~ / Views/Shared/_Layout.cshtml";
}

&ЛТ;Н2>создавать&ЛТ;/Н2&ГТ;


@using (Html. BeginForm())
{
@Html. AntiForgeryToken()

< div class= "форма-горизонталь">
< h4 & gt;Dogadjanja< / h4>
< hr / & gt;
@HTML-код.ValidationSummary(истина, "", новые { @класс = "текст-опасность" })
< div class= "form-group">
@Html. LabelFor(model = & gt; model.KorisnikID, "KorisnikID", htmlAttributes: new { @class = " control-label col-md-2" })
< div class= "col-md-10">
@Html. DropDownList("KorisnikID", null, htmlAttributes: new { @class = " form-control" })
@Html. ValidationMessageFor(model = & gt; model.KorisnikID, "", new { @class = " text-danger" })
< / div>
< / div>

< div class= "form-group">
@Html. LabelFor(model => model. Naziv, htmlAttributes: new { @class = " control-label col-md-2" })
< div class= "col-md-10">
@HTML-код.В(модель =&ГТ; модель.Naziv, новый { htmlAttributes = новый { @класс = "форма контроля" } })
@HTML-код.Последняя(модель =&ГТ; модель.Naziv, "", новые { @класс = "текст-опасность" })
< / div>
< / div>

< div class= "form-group">
@Html. LabelFor(model = & gt; model.Opis, htmlAttributes: new { @class = " control-label col-md-2" })
< div class= "col-md-10">
@Html. TextAreaFor(model = & gt; model.Описание, новые строки = ""высветил, = "" стиль = "ширина: 90%; высота: 90px;" })
@Html. ValidationMessageFor(model = & gt; model.Описание, "", новые { @класс = "текст-опасность" })
< / div>
< / div>

< div class= "form-group">
@Html. LabelFor(model = & gt; model.Datum, htmlAttributes: new { @class = " control-label col-md-2" })
< div class= "col-md-10">
@Html. EditorFor(model = & gt; model.Datum, new {htmlAttributes = new { @class = " form-control" } })
@Html. ValidationMessageFor(model = & gt; model.Datum,"", new { @class = " text-danger" })
< / div>
< / div>

< div class= "form-group">
@Html. LabelFor(model = & gt; model.Text, htmlAttributes: new { @class = " control-label col-md-2" })
< div class= "col-md-10">
@Html. TextAreaFor(model = & gt; model.Текст, новые строки = "5" высветил = "56" стиль = "" })
@Html. ValidationMessageFor(model = & gt; model.Text,"", new { @class = " text-danger" })
< / div>
< / div>
< / div>

< div class= "form-group">
&ЛТ;див класс="коль-ЛГ-зачет-2 коль-МД-10"и GT;
&амп;ЛТ;тип входного="представить" значение="создать" класс="БТН БТН-умолчанию" /&ГТ;
< / div>
< / div>

}

< div>
@формат HTML.ActionLink ("назад в список", " индекс")
< / div>

@ раздел Скрипты {
@Файлы сценариев.Render ("~/bundles/jqueryval")
}

И вот как это выглядит:
Изображение

Итак, мне нужно настроить большую "текстовую" текстовую область с текстовым редактором, но все равно держать ее выровненной с левой стороны.

Что я уже пробовал:

Я попробовал несколько классов Bootstrap (col-lg10..etc), определил строки и столбцы, строки действительно применяются, но столбцы-нет. Я не уверен, в чем заключается проблема, не могу понять ее, поэтому любая помощь будет очень признательна.

---