بوت استرپ (Bootstrap) چيست؟
زماني که صحبت طراحي سايت ميشود بوت استرپ از جمله فريم ورک هايي هستش که بيشترين محبوبيت را ميان طراحان سايت دارد. فريم ورک هاي طراحي وب سايت شامل تعدادي کد آماده است که طراحان ميتوانند از آن براي ساخت قالب هاي خودشان استفاده کنند. اين که استفاده از فريم ورک ها چه مزيتي براي طراحي سايت دارد ميتوان موارد زير را نام برد:
استفاده از کد ها و امکاناتي که در فريم ورک وجود دارد باعث ميشود طراح از جزئيات خارج شده و تمرکز خودش را روي زيبايي طرح بگذارد
فريم روک ها معمولا داراي امکانات ريسپانسيو و واکنشگرايي هستند که از مهمترين امکانات فريم ورک ها است
فريم ورک ها سرعت طراحي سايت را بالا ميبرد
…
بوت استرپ شامل دستورات
طراحي سايت ، css ، html و تابع هاي جاوا اسکريپت براي نمايش div ها و دکمه ها و ستون ها و… است که مورد نياز همه طراحان است.
بوت استرپ اولين بار توسط برنامه نويسان توييتر براي استفاده در چارچوب اصلي سايت طراحي و نوشته شد. قبل از طراحي بوت استرپ موارد مشابهي مثل بوت استرپ طراحي شده بودند که چندان مورد علاقه طراحان نبودند. به دليل اينکه نمونه هاي قبلي داراي نواقصي بود که براي طراحان ازيت کننده بود به همين دليل مورد استفاده قرار نميگرفتن. اين دليل انگيزه خوبي بود براي طراحان توييتر تا فريم ورکي را طراحي کنند که بدون مشکل کار کند. در سال ???? توييتر تصميم گرفت اين فريم ورک را متن باز در اختيار همگان قرار دهد که باعث شد به محبوب ترين فريم ورک طراحي سايت تبديل شود
امکانات بوت استرپ
اين فريم ورک با تمام مرورگر هاي
طراحي سايت استانداري که وجوددارد کاملا همخواني دارد و حتي با نسخه هاي قديمي مثل اينترنت اکسپلورر? هم همخواني دارد و ظاهر زيبايي دارد.
از نسخه? بوت استرپ شروع به طراحي به سبک واکنشگرا و ريسپانسيو کرد که باعث ميشد در صفحات موبايل وتبلت نيز به طيبايي نشان داده شود. اگر با طراح يواکنشگرا آشنا نيستيد ميتونيد مقاله هاي مربوط به واکنشگرايي را در مقالات طراحي سايت اسپيناس بخونيد.
يکي از ويژگي هاي بوت استرپ همان طور که گفته شد متن باز بودن آن و قابليت دانلود رايگان در github است. که باعث پيشرفت اين فريم ورک در گذر زمان و همچنين راست چين کردن آن شده است تا مورد استفاده کشورهاي عربي و فارسي باشد. زبان فارسي و يا عربي به دليل اينکه نوع چيدمانش با انگليسي خيلي متفاوت است نياز به اين دارد که کلا css و jquery آن تغيير کند و همين متن باز بودن باعث شده اسن نسخه هاي زيادي از فريم ورک بوت استرپ راستچين شده در اختيار باشد
نحوه عملکرد بوت استرپ
ممکن تا اينجا مقاله دقيقا متوجه نشده باشيد که بوت استرپ چيست و چه مزيتي براي طراحان دارد. يک مقداري دقيق تر و واضح تر در مورد بوت استرپ صحبت کنيم:
بوت استرپ داراي فايل هاي css و js است که براي طراحي سايتتان با کمک بوت استرپ بايد آن ها را به فايل خودتان اضافه کنيد. در سايت bootstrap.com ميتوانيد تمامي امکاناتي که اين فريم ورک در اختيار شما قرار ميدهد را مشاهده کنيد و موقع استفاده از اين امکانات فقط کافي است که کدها و کلاس هاي اختصاصي تعريف شده در اين فريم ورک را در داخل کدهاي خودتان استفاده کنيد.
شما به عنوان يک طراح حتما دوست داريد که اجزاي سايت شما به صورت کاملا منظم و ساختار مندي سرجاي خودشان قرار بگيرند تا زيبايي سايتتان را حفظ کنيد.بوت استرپ به شما اين امکان را ميدهد تا با ويژگي ستون بندي قالبتان شما يک ساختار منظم را داشته باشيد. در واقع بوت استرپ داراي يک سري ويژگي ها وکلاس هاي از پيش تعريف شده اي است که طراحان را به طراحي سايت هاي منظم و ساختار مند ترغيب ميکند که باعث ميشود قالب اصلي سايتتان در عين عرض بودن در وسط صفحه قرار بگيرد و ظاهري زيبا به خود بگيرد.
وجود بوت استرپ سختي هاي طراحي ريسپانسيو را براي طراحان
طراحي سايت آسان کرده و از سختي کار کم کرده است. با استفاده از بوت استرپ شما ميتوانيد بدون نياز به استفاده از media و با نوشتن کلاس هاي اختصاصي بوت استرپ يک سايت ريسپانسيو و زيبا داشته باشيد
در اين مقاله با معناي اصلي بوت استرپ آشنا شديد در مقالات بعدي شروع به آموزش اين فريم ورک پرکاربد و مهم ميکنيم. با مقالات بعدي آموزشي طراحي سايت اسپيناس همراه باشيد