چرا ما نیاز به بوت استرپ داریم؟

بوت استرپ یک چارچوب برای کمک به طراحی وب سایت شما سریع تر و آسان تر است. این شامل قالب های طراحی مبتنی بر HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها، جداول، ناوبری، Modals، چرخ فلک های تصویری، و غیره نیز پشتیبانی از پلاگین های جاوا اسکریپت را می دهد.

در اینجا چیزی است که شما باید بدانید:

1. اول از همه، بوت استرپ محبوب ترین چارچوب برای ایجاد طرح بندی است. در اینجا برخی از دلایل اضافی برای استفاده از بوت استرپ:

CSS ریسپانسیو بوت استرپ به تلفن، قرص و دسکتاپ تنظیم می شود

سبک های اولیه تلفن همراه بخشی از چارچوب هستند

بوت استرپ با تمام مرورگرهای مدرن (کروم، فایرفاکس، اینترنت اکسپلورر، سافاری و اپرا سازگار است)

2. بوت استرپ یک جامعه بزرگ و پشتیبانی دوستانه دارد. برای بازدید از منابع:

چک کردن بوت استرپ وبلاگ.

نگاهی به آنچه مردم با Bootstrap در Exit بوت استرپ انجام می دهند.

3. بوت استرپ آسان است برای راه اندازی و ایجاد یک طرح کار در کمتر از یک ساعت

آنها یک قالب پایه در http://getbootstrap.com/getting-started/#template و همچنین مجموعه ای از نمونه هایی برای نیازهای مختلف در دسترس هستند (http://getbootstrap.com/getting-started/#examples). شما فقط می توانید مخزن بوت استرپ را دانلود کنید، به پوشه docs  examples بروید، مثال مورد نیاز را کپی / چسباندید و روی آن کار کنید.

4. شما نیازی به دانستن HTML و CSS خوب برای استفاده از bootstrap ندارید، این یک پلاس است اگر شما یک توسعه دهنده باطن هستید و نیاز به انجام تغییرات UI دارید.

5. این کاملا قابل تنظیم است، من می توانم انتخاب کنم که کدام کامپوننت را دوست داشته باشم و از فایل های متغیر استفاده کنم تا سفارشی سازی رنگ و رفتار بیشتری انجام شود.

همه چیزهایی که باید انجام دهید دیدن http://getbootstrap.com/customize/ است، پلاگین هایی را که نیاز دارید را انتخاب کنید و روی دانلود کلیک کنید. بوت استرپ همچنین یک راه برای تغییر متغیرهای داخلی خود را برای کاربران پیشرفته فراهم می کند، اما آنها پیش فرض های بسیار مناسب را ارائه می دهند، بنابراین شما نباید در مورد این نگران باشید، مگر اینکه به آن نیاز داشته باشید.

6. هنگامی که نسخه بوت استرپ را به روز رسانی می کنید، چندین اشتباه را مشاهده نمی کنید زیرا تیم اصلی آنها در مورد سازگاری با عقب در نظر گرفته است.

7. اسناد آنها عالی است! در اینجا چند منبع برای بررسی وجود دارد:

بوت استرپ 3 آموزش

کد آکادمی: بوت استرپ

آموزش طراحی وب سایت: بوت استرپ

8. بوت استرپ ارائه می دهد بسیاری از کلاس های کمکی که توسعه یک وب سایت پاسخگو آسان و سریع است.

شما می توانید هر طرح ثابت عرض را به یک مایع تبدیل کنید به سادگی با تغییر کلاس والدین .Container به container container.

بوت استرپ دارای ویژوال - * - * کلاس هایی است که به شما کمک می کند تا کنترل قسمت های خود را بر روی تبلت ها و دستگاه های تلفن همراه نمایش دهید. مثال:

<div class = "visible-xs-block visible-sm-block"> </ div>

در این مورد، div به عنوان یک بخش با نمایش نمایش داده می شود: فقط بر روی تلفن ها و قرص ها متمرکز شوید. این در دسکتاپ پنهان خواهد شد.

9. اجزای بوت استرپ به طور منظم به اکوسیستم محبوب JS MVC Frameworks مانند زاویه ای متصل می شوند. بوت استرپ راه های متعددی را برای اضافه کردن آن به پروژه شما فراهم می کند:

با استفاده از bower:

bower install bootstrap را نصب کنید

با استفاده از npm:

npm نصب بوت استرپ

و فقط به سادگی یک برچسب اسکریپت را با url برای منبع بوت استرپ در CDN اضافه کنید.

ما همچنین ui-bootstrap برای Angular.js و react-bootstrap برای React داریم. شما همچنین می توانید آنها را از طریق Bower و npm نصب کنید. و سپس، برای مثال، برای ایجاد یک عنصر سقوط، شما فقط نیاز به ایجاد نشانه مشابه:

<div uib-collapse = "isCollapsed">

<div class = "well well-lg">

</ div>

</ div>

به جای انجام بسیاری از تنظیمات جی کوئری مانند شما به طور معمول.

10. بوت استرپ بسیاری از مشکلات متقابل مرورگر را برطرف می کند و شما بیشتر از این نگران نباشید.

توجه: بوت استرپ طراحی شده است برای کار با آخرین مرورگرهای دسکتاپ و تلفن همراه. این به این معنی است که صفحه نمایش ممکن است در مرورگرهای قدیمی متفاوت باشد و ممکن است متفاوت باشد، اما با توجه به مستندات، صفحه نمایش باید کاملا کاربردی باشد.

در اینجا چندین عکس روی صفحه نمایش در مورد سازگاری مرورگر وجود دارد.

این یک پیوند به لیستی از اشکالات مرورگر است که بایستی با آن برخورد شود.

این لینک به یک لیست از مرورگر پشتیبانی از ویژگی های CSS3 و HTML5 است.

از زمان به زمان شما احتمالا می خواهید طرح بندی خود را چاپ، اما شما باید بدانید که چاپ ممکن است روی حیله و تزویر باشد. در اینجا چند مورد برای مراقبت وجود دارد:

"همانطور که از v32 کروم و بدون در نظر گرفتن تنظیمات حاشیه، Chrome هنگام استفاده از نمایشگرهای رسانه ای در هنگام چاپ یک صفحه وب، عرض پانسیون نمایش را بطور قابل توجهی باریک از اندازه کاغذ فیزیکی بکار می برد. این می تواند باعث بی نظمی در شبکه Bootstrap هنگام چاپ شود. برای برخی از جزئیات. "

برای کسب اطلاعات بیشتر، این بخش را در چاپ بررسی کنید.

مرورگر Android Stock: "Android 4.1 (و بعضی از نسخه های جدیدتر ظاهرا) با برنامه مرورگر به عنوان مرورگر وب پیشفرض انتخاب شده (به عنوان مخالف Chrome) همراه است. متاسفانه، مرورگر Browser دارای بسیاری از اشکالات و ناسازگاری با CSS به طور کلی است. "

جعبه اندازه گیری: برخی برنامه های شخص ثالث مانند Google Maps و گوگل