اندازهی قلم متن
تخمین مدت زمان مطالعهی مطلب:
یک دقیقه
TwitterBootstrapMVC یا به اختصار BMVC یک کتابخانه از Helper های مفید برای ساده سازی استفاده از Twitter Bootstrap در MVC میباشد .
در این کتابخانه امکانات مختلف Bootstrap از طریق Helper های نوشته شده برای MVC براحتی قابل استفاده میباشد و فرایند کد نویسی را سادهتر و در عین حال خواناتر میکند ، Helper های موجود در این کتابخانه به صورت زنجیره ای (fluent syntax) نوشته شده که استفاده از آن را سهولت میبخشد .
برای استفاده از آن در mvc 4 کافی است بعد از پیکر بندی Bootstrap ( راهنمایی) به کتابخانه TwitterBootstrapMvc رفرنسی ایجاد کنید و با استفاده از این راهنما نحوه استفاده را فرا گیرید . همچنین میتوانید آن را از طریق NuGet بارگذاری نمایید .
نسخهی MVC4 آنرا در اینجا برای شما نیز آپلود نمودم
در زیر نمونه ای از استفاده از آن را میبینید@Html.Bootstrap().LabelFor(x => x.UserName) @Html.Bootstrap().TextBoxFor(m => m.UserName) @Html.Bootstrap().PasswordFor(m => m.Password) @Html.Bootstrap().FileFor(m => m.File) @Html.Bootstrap().CheckBoxFor(m => m.IsActivated) @Html.Bootstrap().RadioButtonFor(m => m.Gender, "male") @Html.Bootstrap().DropDownListFor(m => m.State, Model.UsaStates) @Html.Bootstrap().ListBoxFor(m => m.State, Model.UsaStates) @Html.Bootstrap().TextAreaFor(m => m.Description)
@using (Html.Bootstrap().Begin(new Form().Type(FormType.Inline))) { @Html.Bootstrap().TextBoxFor(m => m.Email).Placeholder("Email") @Html.Bootstrap().PasswordFor(m => m.Password).Placeholder("Password") @Html.Bootstrap().CheckBoxFor(m => m.RememberMe).Label() @Html.Bootstrap().SubmitButton().Text("Sign in") }
@Html.Bootstrap().Button().Text("Show Modal").IconAppend(Icons.camera) .TriggerModal("MyModal") @using(var modal = Html.Bootstrap().Begin(new Modal() .Id("MyModal") .HtmlAttributes(new { @class = "custom-class" }) .Fade() )){ using(modal.BeginHeader()) { <h2>Some header</h2> } using(modal.BeginBody()) { <p>Some body<p> } using(modal.BeginFooter()) { <p>Footer here.<p> @Html.Bootstrap().Button().Text("Close") } }