بوت‌استرپ (چارچوب انتهایی)

بوت‌استرپ از دل یکی از پروژه‌های توئیتر، که برای توسعه آنالیز داخلی و ابزارهای مدیریت بود، بیرون آمد. در مقطعی از انجام پروژه از کتابخانه‌های مختلفی برای توسعه رابط کاربری استفاده شد، که منجر به عدم ثبات و زحمات زیاد برای نگهداری و توسعه شد. اولین گسترش پروژه تحت شرایط واقعی در زمان اولین Hackweek توییتر اتفاق افتاد. در آگوست سال ۲۰۱۱ توییتر اولین نسخه بوت‌استرپ را به صورت متن‌باز منتشر کرد.

بوت‌استرپ پشتیبانی نسبتاً ناقصی از HTML 5 و CSS 3 دارد، اما با تمامی مرورگرهای عمده سازگار است. از نسخه ۲٫۰، بوت‌استرپ از طراحی واکنش گرا (Responsive design) نیز پشتیبانی می‌کند. این بدان معنی است که طراحی گرافیکی صفحات وب به طور داینامیک با خصوصیات دستگاه مورد استفاده (کامپیوتر، تبلت و موبایل) تطبیق پیدا می‌کنند.

بوت‌استرپ ماژولار بوده و اساساً شامل مجموعه‌ای از برگه‌های سبک آبشاری LESS (یک پیش پردازنده CSS برای توسعه آسانتر و سریعتر در وب) است که اجزاء گوناگون این بسته ابزار را پیاده‌سازی می‌کند. یک شیوه نامه به نام bootstrap.less شیوه نامه‌های اجزاء را در خود جا داده است. توسعه دهندگان می‌توانند فایل بوت‌استرپ را با انتخاب اجزایی که برای پروژه خود نیاز دارند بسازند. تنظیمات از طریق یک شیوه نامه مرکزی تا حد محدودی قابل انجام هستند. تغییرات عمده تر بوسیله دستورهای LESS امکان‌پذیر است. استفاده از زبان شیوه نامه LESS اجازه استفاده از متغیرها، توابع و عملگرها، انتخاب گره‌های تو در تو، و نیز mixins را می‌دهد. بوت‌استرپ با در نظر گرفتن مرورگرهای امروزی طراحی شده است. در نتیجه با آخرین نسخه‌های مرورگرهای Chrome, Firefox, Opera, Safari و Internet Explorer بدون مشکل کار می‌کند.

به دو روش می‌توانید بوت‌استرپ را در صفحه HTML خودتان اضافه نمایید: می‌توانید به سادگی کد زیر را در قسمت HEAD فایل HTML خود اضافه نمایید:

<link rel="stylesheet" href="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css">

از آنجایی که بوت‌استرپ از LESS پشتیبانی می‌نماید می‌توانید فایل استایل و جاوااسکریپت LESS را مثل کد زیر به صفحه اضافه نمایید:

{{سخ}}
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
<script src="/path/to/less.js"></script>