TwitterBootstrapMVC
اندازه‌ی قلم متن
تخمین مدت زمان مطالعه‌ی مطلب: یک دقیقه

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")
}
یک فرم  Modal
@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")
    }
}

  • #
    ‫۱۰ سال و ۱۰ ماه قبل، چهارشنبه ۱۳ آذر ۱۳۹۲، ساعت ۱۵:۴۸
    این کتابخانه محدودیت استفاده نداره؟منظورم اینه کافیه این کتابخونه رو به رفرنس اد کنیم و استفاده کنیم!
    ممنون.
    • #
      ‫۱۰ سال و ۱۰ ماه قبل، چهارشنبه ۱۳ آذر ۱۳۹۲، ساعت ۱۶:۲۸
      - داره (مجانی نیست). البته فایل‌هایی که ایشون پیوست کردند به نظر محدودیت ندارند.
      - ضمنا باز هم هستند یک سری Wrapper برای بوت استرپ که می‌توانند مورد استفاده قرار گیرند:
      TwitterBootstrapMvc (نسخه سورس باز مطلب جاری است)
      Mvc Bootstrap Html Helper Extensions
      Bootstrap Helpers (معرفی در اینجا)
      Twitter Bootstrap Controls for ASP.NET
    • #
      ‫۱۰ سال و ۱۰ ماه قبل، پنجشنبه ۱۴ آذر ۱۳۹۲، ساعت ۰۲:۴۰
      با سلام 
      متاسفانه این کتابخانه از نسخه 2 به بعد به صورت غیر رایگان عرضه شده است ، هر چند نسخه آپلود شده آخرین نسخه آن برای MVC 4 می‌باشد .
      این کتابخانه برا اساس امکانات Bootstrap 3  نوشته شده است و هدفش تسهیل استفاده از Bootstrap 3 در MVC  می باشد و بسیار کاربردیست .
      دارای محدودیت خاصی نمی‌باشد و بسیاری از امکانات پیچیده Bootstrap  را ساده نموده است 
  • #
    ‫۱۰ سال و ۱۰ ماه قبل، چهارشنبه ۱۳ آذر ۱۳۹۲، ساعت ۱۶:۲۷
    تا حالا فرصت نشده که به طور اساسی با Twitter Bootstrap درگیر بشوم. اما وجود این تعداد راهنما و ابزار جانبی آدم را امیدوار می‌کند که بتواند یک خروجی خیلی خوب از آن بگیرد.
    • #
      ‫۱۰ سال و ۱۰ ماه قبل، پنجشنبه ۱۴ آذر ۱۳۹۲، ساعت ۰۲:۴۴
      twitter Bootstrap  کتابخانه جامعی از CSS‌ها و JScript‌ها برای طراحی صفحات وب می‌باشد ک امروزه بسیار مقبول واقع شده است و ظاهری ساده و در عین حال کارامد را برای وب سایت شما با پشتیبانی از انواع مختلف از نمایشگرها به ارمغان می‌آورد .
  • #
    ‫۱۰ سال و ۱۰ ماه قبل، جمعه ۱۵ آذر ۱۳۹۲، ساعت ۱۴:۵۸
    سلام
    مطلب بسیار مفیدی بود ممنون.
    مشکلی که من دارم اینه که اولا از طریق نیوگت قابل نصب نیست یعنی طبق سایت خودشون اسم بکیجشو که مینویسم چیزی پیدا نمیکنه...
    منم dll هارو از سایت خودشون دانلود کردم و دستی add refrence کردم... در webconfig قسمت view‌ها هم دو تگ مربوط را اضاف کردم.
    اما در ریزور تا اینجا  Html . Bootstrap () را میشناسد اما بعد از پرانتز intelli-sense  آن را نمیشناسد. 
    مشکل از کجاست؟
    ضمنا نسخه vs من 2013 و از mvc5 استفاده میکنم
    • #
      ‫۱۰ سال و ۱۰ ماه قبل، جمعه ۱۵ آذر ۱۳۹۲، ساعت ۱۵:۰۳
      - نسخه سایت خودش سی روزه هست. باید یک فایل مجوز هم براش دریافت کنی، اینجا: https://www.twitterbootstrapmvc.com/Download یا نسخه پیوست شده از متن رو دریافت و استفاده کن.
      - برای MVC5 در اینجا: http://www.nuget.org/packages/TwitterBootstrapMVC5/ 
      - برای MVC4 در اینجا: http://www.nuget.org/packages/TwitterBootstrapMVC/ 
      سایر موارد مرتبط
    • #
      ‫۱۰ سال و ۱۰ ماه قبل، شنبه ۱۶ آذر ۱۳۹۲، ساعت ۲۳:۰۸
      سلام ، از NuGet قابل دریافته ولی نیاز به لایسنز داره که باید بخری و نسخه مجانیش فقط سی روزست ، فایل‌های که پیوست کردم این مشکل و نداره و آخرین نسخست ،راه درستش اینه که اول Bootstrap 3 را کامل تو برنامت  پیکربندی کنی و از جواب دادنش اطمینان حاصل کنی بعد فقط کافیه  فایل TwitterBootstrapMVC.dll  و  T4MVCExtensions.dll رفرنس بزنی ، بعد از اون باید در قسمت معرفی فضا‌های نام در مسیر View / web.config  این دو مورد و اضافه کنی 
      <add namespace="TwitterBootstrapMVC" />
      <add namespace="TwitterBootstrap3" />
      بعد از اون براحتی جواب می‌ده 
      یادتون نره که فایل Portable.Licensing.dll  هم هنگام اجرا باد در کنار دو فایل بالا وجود داشته باشد
      • #
        ‫۱۰ سال و ۷ ماه قبل، جمعه ۲۳ اسفند ۱۳۹۲، ساعت ۲۱:۱۷
        با سلام
        آیا با Bootstrap.rtl 3 هم جواب میده ؟
        آخه من همین فایل شما را که برای mvc4 است دانلود کرده و add References هم نمودم و فضاهای نام را هم در View / web.config اضافه نمودم ولی اصلاَ کار نمیده و برام Intelisence رو که میاره داخلش BootStrap نداره.