توییتر بوت‌استرپ

از ویکی‌پدیا، دانشنامهٔ آزاد
پرش به: ناوبری، جستجو
بوت‌استرپ
Twitter Bootstrap.png
تصویری از بوت‌استرپ
نویسنده(های) اصلی توییتر
انتشار اولیه آگوست ۲۰۱۱
انتشار پایدار ۲.۱.۱ / ۰۴ سپتامبر ۲۰۱۲؛ ۵۸۹ روز پیش [۱]
نوشته شده به اچ‌تی‌ام‌ال، سی‌اس‌اس، LESS و جاوااسکریپت
سیستم‌عامل چندسکویی
حجم ۷۱٫۱ کیلوبایت (فشرده)
گونه قالب اچ‌تی‌ام‌ال و سی‌اس‌اس
پروانه اجازه‌نامه آپاچی نسخهٔ ۲
وب‌گاه getbootstrap.com

بوت‌استرپ مجموعه ای از ابزارهای رایگان برای ساخت وب سایت ها و برنامه های وب است. بوت‌استرپ شامل تمپلت های طراحی اچ‌تی‌ام‌ال و سی‌اس‌اس محور برای typography، فرمها، دکمه ها، نمودارها، اجزاء راهبری و دیگر اجزاء رابط کاربری و الحاقات اختیاری (JavaScript Extensions)، میباشد. بوت‌استرپ محبوب ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایتهای مطرح استفاده شده است.

تاریخچه[ویرایش]

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

قابلیت ها[ویرایش]

بوت‌استرپ پشتیبانی نسبتاً ناقصی از HTML 5 و CSS 3 دارد، اما با تمامی مرورگرهای عمده سازگار است. از نسخه 2.0، بوت‌استرپ از طراحی واکنش گرا (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>

امکانات[ویرایش]

سیستم GRID[ویرایش]

با استفاده از بوت‌استرپ میتوانید سیستم GRID را در صفحه پیاده نمایید. بوت‌استرپ به طور پیشفرض از GRID با 12 ستون و عرض 940 پیکسل استفاده میکند و انواع دیگر GRID را نیز پشتیبانی میکند.

طرح‌بندی[ویرایش]

با بوت‌استرپ میتوانید طرح‌بندی صفحه را به راحتی پیاده کرده و به آسانی قالب HTML سایت خود را پی ریزی نمایید.

typography[ویرایش]

تیتر، پاراگراف، لیست و دیگر عناصر Inline را با استفاده از قابلیتهای Typography موجود در بوت‌استرپ بسازید و نگران یکدست نبودن و عدم استاندارد بودن سایز سایت خود نباشید.

دیگر قابلیتهای بوت‌استرپ[ویرایش]

جداول، فرمها، ناوبری و صفحه بندی (Navigation & Pagination)، پیغامهای خطا و هشدار، پنجره های مُدال، باکسهای Tooltip از دیگر مواردی هستند که با استفاده از بوت‌استرپ به راحتی قابل پیاده سازی هستند.

منابع[ویرایش]

  1. بوت‌استرپ نسخهٔ ۲.۱.۱ در ۴ سپتامبر ۲۰۱۲ منتشر شد

ساداتی فر، سپهر. تویتر بوت‌استرپ. (۱ مرداد ۱۳۹۱). بازبینی ۱۲ مرداد ۱۳۹۱. getbootstrap.com