????? ????

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

اصول اولیه
بزرگترین مؤلفه بوت استرپ Grid می باشد. Bootstrap Grid برای تعریف عرضی که هر جزء html در ورقه میگیرد استفاده میگردد. Grid برگه را به 12 ستون مساوی تقسیم می کند. موادسازنده محتوا میتوانند دست کم یک ستون و حداکثر 12 ستون را اشغال کنند. سبک ورقه وب شما اندازه هایی را که هر عنصر محتوا اشغال می کند انتخاب می کند. می توانید کد ساخت اندازه‌های شبکه رایج (نشان داده شده در پایین) و روی این کدپن را ببینید.

مقیاس بندی محتوا
یک شیت وب پاسخگو باید به نحوی مقیاس گردد که همچنان در صفحه های متفاوت خوب به حیث برسد. چالشی که وجود دارااست این می باشد؛ چیدمان محتوا در یک ورقه نمایش گرانقدر یا ساده زمانی که روی صفحه نمایش کوچکتر جاری ساختن گردد مناسب نخواهد بود. بنابراین محتوا نه صرفا باید کوچک خواهد شد تا اندازه ورقه نمایش کوچک‌ تر خواهد شد، بلکه طرح محتوا بایستی تغییر و تحول کند، این امر از دو روش قابل دستیابی هست. نکته کلیدی راجع‌به این تکنیک این می باشد که کلاس اکنون از دو نام تشکیل شده می باشد. اولین col-md-4 تقسیم بندی ستون ها را برای تمامی ورقه هاpx 992 مشخص می کند که با مقدار کلید md علامت داده شد‌ه‌است. Col-sm-6 و col-sm-12 تقسیم ستون ها را برای کل عرض های شیت بینpx 768 و 992 px معلوم می کند که با کلید sm نماد داده گردیده است.

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

سهولت استفاده
اول و مهمتر از همگی، یادگیری Bootstrap سهل است. به دلیل محبوبیت آن، آموزش‌ها و انجمن‌های آنلاین زیادی برای یاری به شما در شروع کار در دسترس هستند. یک کدام از دلایل محبوبیت بوت استرپ در بین توسعه و گسترش دهندگان وب و طراحان وب این می‌باشد که ساختار فایل ساده ای دارد. فایل‌های آن برای دسترسی آسوده کامپایل شده‌ اند و برای اصلاح آن‌ها تنها به دانش اولیه HTML، CSS و JS نیاز می‌باشد.همچنین می توانید از تم ها برای سیستم های رئیس محتوای دوست داستنی به عنوان ابزار یادگیری استفاده نمایید. به عنوان مثال، اکثر تم های وردپرس با به کار گیری از بوت استرپ توسعه یافته اند که هر توسعه و گسترش دهنده وب مبتدی میتواند به آن دسترسی داشته باشد.برای افزایش زمان لود شیت سایت، بوت استرپ پوشه های CSS و جاوا اسکریپت را کوچک می کند. ضمن این، بوت استرپ یکپارچگی را در سینتکس در میان تارنما ها و پیشرفت دهندگان حفظ می کند که برای پروژه های مبنی بر دسته ایده آل هست.

شبکه پاسخگو
Bootstrap با یک سیستم شبکه از پیش تمجید شده ارائه میشود که شما را از تولید یک سیستم از استارت نجات می دهد. سیستم گرید از ردیف ها و ستون ها تشکیل شده می‌باشد که به شما این قابلیت و امکان را می دهد که به جای وارد کردن پرس و جوهای رسانه ای در فولدر CSS، یک شبکه در داخل شبکه جانور ساخت کنید.ضمن این، سیستم شبکه بوت استرپ مراحل ورود داده ها را ساده تر می کند. این مشتمل بر تعداد زیادی پرس و جو رسانه ای است که به شما قابلیت می دهد نقاط ناکامی سفارشی هر ستون را بر پایه ی نیازهای پروژه وب خود تعریف کنید.تنظیمات پیش فرض معمولا بیش تر از اندازه کافی هستند. پس از تشکیل داد یک شبکه، فقط باید محتوا را به کانتینرها اضافه فرمائید.سیستم شبکه بوت استرپ دارای دو کلاس کانتینری می‌باشد تا پروژه‌های بر اساس دسکتاپ و تلفن همراه را عالی در خود جای دهد یک ظرف ثابت (container) و یک پیاله مایع (container-fluid) اولین کلاس کانتینر یک کانتینر با عرض ثابت را ارائه میدهد، در حالی که دومی یک ظرف با عرض کامل را ارائه می دهد که میتواند پروژه شما را برای کل اندازه های ورقه تهیه و تنظیم کند.

سازگاری مرورگر
دسترسی به وبسایت شما از طریق مرورگرهای گوناگون به کاهش نرخ پرش و جايگاه بالاتر در حاصل جستجو امداد می کند. بوت استرپ این نیاز را با سازگاری با آخرین نسخه مرورگرهای محبوب برآورده می کند. با وجود حمایت نکردن از مرورگرهای کمتر شناخته شده مانند WebKit و Gecko، وب سایت های دارای بوت استرپ نیز باید به درستی در آن ها عمل کنند. با این حال، ممکن هست محدودیت‌هایی در ارتباط مدال‌ها و کشویی در برگه‌های کوچک‌تر وجود داشته باشد.

سیستم تصویر بوت استرپ
بوت استرپ نمایش و پاسخگویی تصویر را با ضوابط HTML و CSS از پیش تعریف شده خود کنترل می کند. با افزودن کلاس .img-responsive اندازه تصاویر به طور خود کار بر طبق اندازه ورقه نمایش کاربران تغییر می کند. این به سعی تارنما شما یاری می کند، زیرا کاهش اندازه تصویر بخشی از مراحل seo وب سایت است Bootstrap همچنین کلاس های اضافی مانند .img-circle و .img-rounded را ارائه میدهد که به تغییر شکل تصاویر امداد می کند.

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

محتوا کد منبع بوت استرپ از پیش کامپایل شده را پوشش می‌دهد.
مرورگرها و دستگاه‌ها همگی مرورگرهای وب و موبایل حمایت شده و اجزای مبتنی بر گوشی را فهرست می‌کند.
جاوا اسکریپت پلاگین های گوناگون JS تشکیل‌شده بر روی jQuery را تجزیه می کند.
Theming متغیرهای Sass داخلی را برای سفارشی‌سازی راحت‌تر توضیح می‌دهد.
Tools به شما می‌آموزد که چه‌گونه از اسکریپت های npm Bootstrap برای اقدامات متفاوت به کار گیری فرمایید.
دسترس‌ پذیری ویژگی‌ها و محدودیت‌های Bootstrap در ارتباط آرم ‌گذاری ساختاری، اجزاء، کنتراست رنگ، مشاهده کرد محتوا و جلوه‌های انتقال را پوشش می ‌دهد. اوراق همچنین مشمول نمونه ‌های کد برای روش‌های اساسی است. حتی می‌توانید نمونه‌های کد پروژه‌های خود را کپی و اصلاح نمائید و در حین شما از نیاز به کدنویسی از استارت صرفه‌جویی کنید.

چرا نباید در بعضی پروژه ها از بوت استرپ استعمال نمائید
بوت استرپ با وجود مزایایی که دارااست، محدودیت های خاصی دارد که برای اشکال خاصی از پروژه ها مناسب نیست. از آنجایی که بوت استرپ دارای سبک بصری ثابتی است، نیاز به سفارشی سازی سنگین و نادیده گرفتن سبک دارد تا یک پروژه را از پروژه دیگر گوناگون کند. در غیر این صورت، همگی تارنما هایی که با این کادر ورک تشکیل شده اند، دارای ناوبری، ساختار و اجزای طراحی یکسانی خواهند بود که سبب میشود غیرحرفه ای به لحاظ برسند.داشتن تعداد زیادی توابع به معنای شامل فولدر های با اندازه گرانقدر می‌باشد. در حالتی که مراقب نباشید، استفاده از بوت استرپ در پروژه شما می تواند فرصت بارگذاری وبسایت را کاهش دهد و سرور شمارا سنگین کند. برای هجران از این مشکل، مطمئن شوید که فقط کلاس های لازم خود را اضافه کرده و از نسخه کوچک شده پوشه ها به کار گیری نمایید.در حالی که بوت استرپ با آخرین نسخه مرورگرهای دوستداشتنی سازگار است، این مورد راجع به نسخه های کهن تر صدق نمی کند. این بدان معنا هست که ظاهر تارنما شما به طور کاملً به تلاش کاربران در به روز رسانی مرورگرهای خود بستگی دارد. نکته منفی دیگر این هست که سبک های بوت استرپ نسبتا حجیم می‌باشند. این قادر است باعث به خروجی غیر ضروری HTML، هدر رفتن منابع واحد پردازش مرکزی گردد. اگرچه سهل و آسان می‌باشد برای به کارگیری، Bootstrap در ابتدا منحنی یادگیری پاره ای داراست. یادگیری کلاس‌ها و مؤلفه‌های جانور فرصت می‌برد، که ممکن می‌باشد برای هر که دانش فنی ندارد پیچیده باشد.

3 فولدر اصلی بوت استرپ
Bootstrap مشتمل بر دسته ای از نحو می باشد که در سه فایل مهم کامپایل شده است Bootstrap.css، Bootstrap.js و Glyphicons. به خیال و خاطر داشته باشید که Bootstrap برای اجرای پلاگین ها و اجزای JS به یک کتابخانه JS به نام jQuery نیاز دارد. در اینجا سه فولدر فریمورک اساسی وجود دارااست که رابط کاربری و کوشش یک وبسایت را مدیر می کنند.

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

2. Bootstrap.js
این فولدر نصیب اصلی بوت استرپ می باشد. این مشتمل بر فولدر های جاوا اسکریپت است که مسئولیت تعامل سایت را بر عهده دارا هستند. برای صرفه جویی در حین از نوشتن چندباره نحو جاوا اسکریپت، پیشرفت دهندگان تمایل دارند از jQuery استفاده کنند یک کتابخانه جاوا اسکریپت متن باز و در میان پلتفرم محبوب.

در اینجا چند نمونه از کارهایی که jQuery می تواند ایفا دهد آورده شده می باشد:

درخواست های AJAX مانند معدود کردن داده ها از مکان دیگری را به صورت پویا اجرا دهید.
ویجت ها را با استفاده از تیم ای از افزونه های جاوا اسکریپت تولید فرمائید.
با استفاده از ویژگی های CSS برنامه کودک های سفارشی تشکیل داد فرمایید.
به محتوای وب سایت پویایی اضافه نمائید.
در حالی که بوت استرپ با ویژگی های CSS و ارکان HTML می‌تواند به خیر عمل کند، برای تولید یک طراحی پاسخگو به جی کوئری نیاز دارد. در غیر این صورت، تنها میتوانید از نصیب‌های بی‌تحرک و ثابت لهجه راهبرد استفاده کنید. براین اساس، هر مهندس اپلیکیشن باید در مورد jQuery بیاموزد زیرا نصیب اصلی توسعه و گسترش وب است.

3. گلیفیکون ها
آیکون ها بخشی جدایی ناپذیر از شیت جلویی یک وب سایت هستند، زیرا اغلب اقدامات و داده ها را در رابط کاربری نمایش میدهند. بوت استرپ از آیکون هایی به نام Glyphicons استفاده می کند که شامل گروه Glyphicons Halflings است. اگرچه طراحی اولیه است، البته آنان عملکردهای مهم خود را اعمال می دهند و استعمال از آنها مجانی است. در صورتی می خواهید آیکون‌های شیک‌تری پیدا فرمائید، Glyphicons مجموعه‌های ممتاز مختلفی را برای وب سایت‌های خاص به فروش می‌رساند. همچنین میتوانید آیکون‌های فردی و موضوعی خاص را به صورت بدون پول در وب‌وب سایت‌های مختلف مانند Flaticon، GlyphSearch و Icons8 دانلود نمائید. برای تغییر و تحول اندازه Glyphicons، می بایست سبک پیش فرض را با ویژگی اندازه خودکار CSS لغو فرمایید.

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

اصول اولیه
بزرگترین مؤلفه بوت استرپ Grid می باشد. Bootstrap Grid برای تعریف عرضی که هر جزء html در ورقه میگیرد استفاده میگردد. Grid برگه را به 12 ستون مساوی تقسیم می کند. موادسازنده محتوا میتوانند دست کم یک ستون و حداکثر 12 ستون را اشغال کنند. سبک ورقه وب شما اندازه هایی را که هر عنصر محتوا اشغال می کند انتخاب می کند. می توانید کد ساخت اندازه‌های شبکه رایج (نشان داده شده در پایین) و روی این کدپن را ببینید.

مقیاس بندی محتوا
یک شیت وب پاسخگو باید به نحوی مقیاس گردد که همچنان در صفحه های متفاوت خوب به حیث برسد. چالشی که وجود دارااست این می باشد؛ چیدمان محتوا در یک ورقه نمایش گرانقدر یا ساده زمانی که روی صفحه نمایش کوچکتر جاری ساختن گردد مناسب نخواهد بود. بنابراین محتوا نه صرفا باید کوچک خواهد شد تا اندازه ورقه نمایش کوچک‌ تر خواهد شد، بلکه طرح محتوا بایستی تغییر و تحول کند، این امر از دو روش قابل دستیابی هست. نکته کلیدی راجع‌به این تکنیک این می باشد که کلاس اکنون از دو نام تشکیل شده می باشد. اولین col-md-4 تقسیم بندی ستون ها را برای تمامی ورقه هاpx 992 مشخص می کند که با مقدار کلید md علامت داده شد‌ه‌است. Col-sm-6 و col-sm-12 تقسیم ستون ها را برای کل عرض های شیت بینpx 768 و 992 px معلوم می کند که با کلید sm نماد داده گردیده است.

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

سهولت استفاده
اول و مهمتر از همگی، یادگیری Bootstrap سهل است. به دلیل محبوبیت آن، آموزش‌ها و انجمن‌های آنلاین زیادی برای یاری به شما در شروع کار در دسترس هستند. یک کدام از دلایل محبوبیت بوت استرپ در بین توسعه و گسترش دهندگان وب و طراحان وب این می‌باشد که ساختار فایل ساده ای دارد. فایل‌های آن برای دسترسی آسوده کامپایل شده‌ اند و برای اصلاح آن‌ها تنها به دانش اولیه HTML، CSS و JS نیاز می‌باشد.همچنین می توانید از تم ها برای سیستم های رئیس محتوای دوست داستنی به عنوان ابزار یادگیری استفاده نمایید. به عنوان مثال، اکثر تم های وردپرس با به کار گیری از بوت استرپ توسعه یافته اند که هر توسعه و گسترش دهنده وب مبتدی میتواند به آن دسترسی داشته باشد.برای افزایش زمان لود شیت سایت، بوت استرپ پوشه های CSS و جاوا اسکریپت را کوچک می کند. ضمن این، بوت استرپ یکپارچگی را در سینتکس در میان تارنما ها و پیشرفت دهندگان حفظ می کند که برای پروژه های مبنی بر دسته ایده آل هست.

شبکه پاسخگو
Bootstrap با یک سیستم شبکه از پیش تمجید شده ارائه میشود که شما را از تولید یک سیستم از استارت نجات می دهد. سیستم گرید از ردیف ها و ستون ها تشکیل شده می‌باشد که به شما این قابلیت و امکان را می دهد که به جای وارد کردن پرس و جوهای رسانه ای در فولدر CSS، یک شبکه در داخل شبکه جانور ساخت کنید.ضمن این، سیستم شبکه بوت استرپ مراحل ورود داده ها را ساده تر می کند. این مشتمل بر تعداد زیادی پرس و جو رسانه ای است که به شما قابلیت می دهد نقاط ناکامی سفارشی هر ستون را بر پایه ی نیازهای پروژه وب خود تعریف کنید.تنظیمات پیش فرض معمولا بیش تر از اندازه کافی هستند. پس از تشکیل داد یک شبکه، فقط باید محتوا را به کانتینرها اضافه فرمائید.سیستم شبکه بوت استرپ دارای دو کلاس کانتینری می‌باشد تا پروژه‌های بر اساس دسکتاپ و تلفن همراه را عالی در خود جای دهد یک ظرف ثابت (container) و یک پیاله مایع (container-fluid) اولین کلاس کانتینر یک کانتینر با عرض ثابت را ارائه میدهد، در حالی که دومی یک ظرف با عرض کامل را ارائه می دهد که میتواند پروژه شما را برای کل اندازه های ورقه تهیه و تنظیم کند.

سازگاری مرورگر
دسترسی به وبسایت شما از طریق مرورگرهای گوناگون به کاهش نرخ پرش و جايگاه بالاتر در حاصل جستجو امداد می کند. بوت استرپ این نیاز را با سازگاری با آخرین نسخه مرورگرهای محبوب برآورده می کند. با وجود حمایت نکردن از مرورگرهای کمتر شناخته شده مانند WebKit و Gecko، وب سایت های دارای بوت استرپ نیز باید به درستی در آن ها عمل کنند. با این حال، ممکن هست محدودیت‌هایی در ارتباط مدال‌ها و کشویی در برگه‌های کوچک‌تر وجود داشته باشد.

سیستم تصویر بوت استرپ
بوت استرپ نمایش و پاسخگویی تصویر را با ضوابط HTML و CSS از پیش تعریف شده خود کنترل می کند. با افزودن کلاس .img-responsive اندازه تصاویر به طور خود کار بر طبق اندازه ورقه نمایش کاربران تغییر می کند. این به سعی تارنما شما یاری می کند، زیرا کاهش اندازه تصویر بخشی از مراحل seo وب سایت است Bootstrap همچنین کلاس های اضافی مانند .img-circle و .img-rounded را ارائه میدهد که به تغییر شکل تصاویر امداد می کند.

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

محتوا کد منبع بوت استرپ از پیش کامپایل شده را پوشش می‌دهد.
مرورگرها و دستگاه‌ها همگی مرورگرهای وب و موبایل حمایت شده و اجزای مبتنی بر گوشی را فهرست می‌کند.
جاوا اسکریپت پلاگین های گوناگون JS تشکیل‌شده بر روی jQuery را تجزیه می کند.
Theming متغیرهای Sass داخلی را برای سفارشی‌سازی راحت‌تر توضیح می‌دهد.
Tools به شما می‌آموزد که چه‌گونه از اسکریپت های npm Bootstrap برای اقدامات متفاوت به کار گیری فرمایید.
دسترس‌ پذیری ویژگی‌ها و محدودیت‌های Bootstrap در ارتباط آرم ‌گذاری ساختاری، اجزاء، کنتراست رنگ، مشاهده کرد محتوا و جلوه‌های انتقال را پوشش می ‌دهد. اوراق همچنین مشمول نمونه ‌های کد برای روش‌های اساسی است. حتی می‌توانید نمونه‌های کد پروژه‌های خود را کپی و اصلاح نمائید و در حین شما از نیاز به کدنویسی از استارت صرفه‌جویی کنید.

چرا نباید در بعضی پروژه ها از بوت استرپ استعمال نمائید
بوت استرپ با وجود مزایایی که دارااست، محدودیت های خاصی دارد که برای اشکال خاصی از پروژه ها مناسب نیست. از آنجایی که بوت استرپ دارای سبک بصری ثابتی است، نیاز به سفارشی سازی سنگین و نادیده گرفتن سبک دارد تا یک پروژه را از پروژه دیگر گوناگون کند. در غیر این صورت، همگی تارنما هایی که با این کادر ورک تشکیل شده اند، دارای ناوبری، ساختار و اجزای طراحی یکسانی خواهند بود که سبب میشود غیرحرفه ای به لحاظ برسند.داشتن تعداد زیادی توابع به معنای شامل فولدر های با اندازه گرانقدر می‌باشد. در حالتی که مراقب نباشید، استفاده از بوت استرپ در پروژه شما می تواند فرصت بارگذاری وبسایت را کاهش دهد و سرور شمارا سنگین کند. برای هجران از این مشکل، مطمئن شوید که فقط کلاس های لازم خود را اضافه کرده و از نسخه کوچک شده پوشه ها به کار گیری نمایید.در حالی که بوت استرپ با آخرین نسخه مرورگرهای دوستداشتنی سازگار است، این مورد راجع به نسخه های کهن تر صدق نمی کند. این بدان معنا هست که ظاهر تارنما شما به طور کاملً به تلاش کاربران در به روز رسانی مرورگرهای خود بستگی دارد. نکته منفی دیگر این هست که سبک های بوت استرپ نسبتا حجیم می‌باشند. این قادر است باعث به خروجی غیر ضروری HTML، هدر رفتن منابع واحد پردازش مرکزی گردد. اگرچه سهل و آسان می‌باشد برای به کارگیری، Bootstrap در ابتدا منحنی یادگیری پاره ای داراست. یادگیری کلاس‌ها و مؤلفه‌های جانور فرصت می‌برد، که ممکن می‌باشد برای هر که دانش فنی ندارد پیچیده باشد.

3 فولدر اصلی بوت استرپ
Bootstrap مشتمل بر دسته ای از نحو می باشد که در سه فایل مهم کامپایل شده است Bootstrap.css، Bootstrap.js و Glyphicons. به خیال و خاطر داشته باشید که Bootstrap برای اجرای پلاگین ها و اجزای JS به یک کتابخانه JS به نام jQuery نیاز دارد. در اینجا سه فولدر فریمورک اساسی وجود دارااست که رابط کاربری و کوشش یک وبسایت را مدیر می کنند.

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

2. Bootstrap.js
این فولدر نصیب اصلی بوت استرپ می باشد. این مشتمل بر فولدر های جاوا اسکریپت است که مسئولیت تعامل سایت را بر عهده دارا هستند. برای صرفه جویی در حین از نوشتن چندباره نحو جاوا اسکریپت، پیشرفت دهندگان تمایل دارند از jQuery استفاده کنند یک کتابخانه جاوا اسکریپت متن باز و در میان پلتفرم محبوب.

در اینجا چند نمونه از کارهایی که jQuery می تواند ایفا دهد آورده شده می باشد:

درخواست های AJAX مانند معدود کردن داده ها از مکان دیگری را به صورت پویا اجرا دهید.
ویجت ها را با استفاده از تیم ای از افزونه های جاوا اسکریپت تولید فرمائید.
با استفاده از ویژگی های CSS برنامه کودک های سفارشی تشکیل داد فرمایید.
به محتوای وب سایت پویایی اضافه نمائید.
در حالی که بوت استرپ با ویژگی های CSS و ارکان HTML می‌تواند به خیر عمل کند، برای تولید یک طراحی پاسخگو به جی کوئری نیاز دارد. در غیر این صورت، تنها میتوانید از نصیب‌های بی‌تحرک و ثابت لهجه راهبرد استفاده کنید. براین اساس، هر مهندس اپلیکیشن باید در مورد jQuery بیاموزد زیرا نصیب اصلی توسعه و گسترش وب است.

3. گلیفیکون ها
آیکون ها بخشی جدایی ناپذیر از شیت جلویی یک وب سایت هستند، زیرا اغلب اقدامات و داده ها را در رابط کاربری نمایش میدهند. بوت استرپ از آیکون هایی به نام Glyphicons استفاده می کند که شامل گروه Glyphicons Halflings است. اگرچه طراحی اولیه است، البته آنان عملکردهای مهم خود را اعمال می دهند و استعمال از آنها مجانی است. در صورتی می خواهید آیکون‌های شیک‌تری پیدا فرمائید، Glyphicons مجموعه‌های ممتاز مختلفی را برای وب سایت‌های خاص به فروش می‌رساند. همچنین میتوانید آیکون‌های فردی و موضوعی خاص را به صورت بدون پول در وب‌وب سایت‌های مختلف مانند Flaticon، GlyphSearch و Icons8 دانلود نمائید. برای تغییر و تحول اندازه Glyphicons، می بایست سبک پیش فرض را با ویژگی اندازه خودکار CSS لغو فرمایید.