TwitterBootstrapMVC
نویسنده: رضا رضایی
تاریخ: ۱۳۹۲/۰۹/۱۲ ۲۳:۵
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
برای استفاده از آن در mvc 4 کافی است بعد از پیکر بندی Bootstrap ( راهنمایی) به کتابخانه TwitterBootstrapMvc رفرنسی ایجاد کنید و با استفاده از این راهنما نحوه استفاده را فرا گیرید . همچنین میتوانید آن را از طریق NuGet بارگذاری نمایید .
@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")
}
} <add namespace="TwitterBootstrapMVC" /> <add namespace="TwitterBootstrap3" />