Bootstrap چیست؟
فریمورک CSS آماده با کامپوننتها و سیستم Grid ۱۲ستونی برای ساخت سریع رابط کاربری واکنشگرا.
چرا مهم است؟
برای پروژههایی که وقت کافی برای طراحی از صفر ندارند، Bootstrap کامپوننتهای آماده (دکمه، مودال، فرم، ناوبری) و یک Grid واکنشگرا میدهد که در اکثر پروژههای ASP.NET هم پیشفرض است.
تعریف
Bootstrap یک فریمورک CSS (بههمراه کمی جاوااسکریپت) است که مجموعهای از کلاسهای آماده برای Grid، تایپوگرافی، دکمه، فرم و کامپوننتهای رایج UI فراهم میکند.
سیستم Grid
<div class="container">
<div class="row">
<div class="col-md-6">نیمه اول</div>
<div class="col-md-6">نیمه دوم</div>
</div>
</div>
Grid بر پایه ۱۲ ستون است؛ col-md-6 یعنی نیمی از عرض در صفحههای متوسط به بالا.
کامپوننتهای آماده
دکمه (btn btn-primary)، مودال، Navbar، Card، Alert و دهها کامپوننت دیگر بدون نیاز به نوشتن CSS از صفر در دسترساند؛ فقط کلاسهای مناسب را اضافه میکنید.
اشتباه رایج
❌ Override کردن مستقیم استایلهای Bootstrap با !important بهجای استفاده از متغیرهای Sass یا کلاسهای Utility خودش — نگهداری را سخت میکند.
منبع و مطالعه بیشتر
خلاصه
Bootstrap با Grid ۱۲ستونی و کامپوننتهای آماده، ساخت رابط کاربری واکنشگرا را سریع میکند. برای شخصیسازی از متغیرهای Sass/Utility استفاده کنید نه !important. مرجع کامل: مستندات رسمی Bootstrap و W3Schools.