طراحی سایت با بوت استرپ:

[rtl]بوت استرپ (Bootstrap) چیست؟[/rtl]
[rtl]زمانی که صحبت اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنید میشودبوت استرپ از جمله فریم ورک هایی هستش که بیشترین محبوبیت را میان طراحان سایت دارد. فریم ورک های طراحیوب سایت شاملتعدادی کد آماده است که طراحان میتوانند از آن برای ساخت قالب های خودشان استفاده کنند. این که استفاده از فریم ورک ها چه مزیتی برای اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنید داردمیتوان موارد زیر را نام برد:[/rtl]
[rtl]1.      
استفادهاز کد ها و امکاناتی که در فریم ورک وجود دارد باعث میشود طراح از جزئیات خارج شده و تمرکز خودش را روی زیبایی طرح بگذارد[/rtl]
[rtl]2.      
فریمروک ها معمولا دارای امکانات ریسپانسیو و واکنشگرایی هستند که از مهمترین امکانات فریم ورک ها است[/rtl]
[rtl]3.      
فریمورک ها سرعت اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنید را بالامیبرد[/rtl]
[rtl]4.      
…[/rtl]
[rtl]بوت استرپ شامل دستورات ، css ، html و تابع های جاوا اسکریپت برای نمایش div ها و دکمه ها و ستون ها و… است که مورد نیازهمه طراحان است.[/rtl]
[rtl]بوت استرپ اولین بار توسط برنامه نویسان توییتر برای استفاده درچارچوب اصلی سایت طراحی و نوشته شد. قبل از طراحی بوت استرپ موارد مشابهی مثل بوت استرپ طراحی شده بودند که چندان مورد علاقه طراحان نبودند. به دلیل اینکه نمونه های قبلی دارای نواقصی بود که برای طراحان ازیت کننده بود به همین دلیل مورد استفاده قرار نمیگرفتن. این دلیل انگیزه خوبی بود برای طراحان توییتر تا فریم ورکی را طراحی کنند که بدون مشکل کار کند. در سال ۲۰۱۱  توییتر تصمیم گرفت اینفریم ورک را متن باز در اختیار همگان قرار دهد که باعث شد به محبوب ترین فریم ورک طراحی سایت تبدیل شود[/rtl]
[rtl]امکانات بوتاسترپ[/rtl]
[rtl]این فریم ورک با تمام مرورگر های استانداری که وجوددارد کاملاهمخوانی دارد و حتی با نسخه های قدیمی مثل اینترنت اکسپلورر۸ هم همخوانی دارد و ظاهر زیباییدارد.[/rtl]
[rtl]از نسخه۲بوت استرپ شروع به طراحی به سبک واکنشگرا و ریسپانسیو کرد که باعث میشد در صفحات موبایل وتبلت نیز به طیبایی نشان داده شود. اگر با طراح یواکنشگرا آشنا نیستید میتونید مقاله های مربوط به واکنشگرایی را در مقالات اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنیداسپیناس
بخونید.[/rtl]
[rtl]یکی از ویژگی های بوت استرپ همان طور که گفته شد متن باز بودن آن وقابلیت دانلود رایگان در github است. کهباعث پیشرفت این فریم ورک در گذر زمان و همچنین راست چین کردن آن شده است تا مورد استفاده کشورهای عربی و فارسی باشد. زبان فارسی و یا عربی به دلیل اینکه نوع چیدمانش با انگلیسی خیلی متفاوت است نیاز به این دارد که کلا css و jquery آن تغییر کند و همین متن بازبودن باعث شده اسن نسخه های زیادی از فریم ورک بوت استرپ راستچین شده در اختیار باشد[/rtl]
[rtl]نحوه عملکردبوت استرپ[/rtl]
[rtl]ممکن تا اینجا مقاله دقیقا متوجه نشده باشید که بوت استرپ چیست وچه مزیتی برای طراحان دارد. یک مقداری دقیق تر و واضح تر در مورد بوت استرپ صحبت کنیم:[/rtl]
[rtl]بوت استرپ دارای فایل های css و js است که برای طراحی سایتتان با کمک بوت استرپباید آن ها را به فایل خودتان اضافه کنید. در سایت bootstrap.com میتوانیدتمامی امکاناتی که این فریم ورک در اختیار شما قرار میدهد را مشاهده کنید و موقع استفاده از این امکانات فقط کافی است که کدها و کلاس های اختصاصی تعریف شده در این فریم ورک را در داخل کدهای خودتان استفاده کنید.[/rtl]
[rtl]شما به عنوان یک طراح حتما دوست دارید که اجزای سایت شما به صورتکاملا منظم و ساختار مندی سرجای خودشان قرار بگیرند تا زیبایی سایتتان را حفظ کنید.بوت استرپ به شما این امکان را میدهد تا با ویژگی ستون بندی قالبتان شما یک ساختار منظم را داشته باشید. در واقع بوت استرپ دارای یک سری ویژگی ها وکلاس های از پیش تعریف شده ای است که طراحان را به اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنید هایمنظم و ساختار مند ترغیب میکند که باعث میشود قالب اصلی سایتتان در عین عرض بودن در وسط صفحه قرار بگیرد و ظاهری زیبا به خود بگیرد.[/rtl]
[rtl]وجود بوت استرپ سختی های طراحی ریسپانسیو را برای طراحان آسان کردهو از سختی کار کم کرده است. با استفاده از بوت استرپ شما میتوانید بدون نیاز به استفاده از media و بانوشتن کلاس های اختصاصی بوت استرپ یک سایت ریسپانسیو و زیبا داشته باشید[/rtl]

[rtl]در این مقاله با معنایاصلی بوت استرپ آشنا شدید در مقالات بعدی شروع به آموزش این فریم ورک پرکاربد و مهم میکنیم. با مقالات بعدی آموزشی اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا ثبت نام کنید  همراه
باشید[/rtl]