ولی رسیدگی نحوه سوم طراحی وب سایت ، مزایا و معایب
این نحوه که می اقتدار ذکر کرد ماهر ترین و بی نقص ترین طریق ساخت سایت میباشد این میباشد که شما یک اپ نویس باشید . هنگامی که شما به پیاده سازی و نرمافزار نویسی وبسایت احاطه دارید آیا بنظرتان مانعی در رمز منش شما جای دارد ؟ شما میتوانید بر روی یک صفحه طرح دلخواه خودتان را پیاده فرمائید . از جمله اسلایدر وب سایت در کجا باشد ، سفارش شگفت انگیر کجا باشید ، قسمت همیاران ، نصیب واپسین تولید ها و .. همه را خودتان با ذوق وسلیقه خودتان پیاده سازی خواهید کرد و هیچ چیزی بازدارنده روش شما وجود ندارد . بعد این طراح را بر روی پوسته پیاده میکنید . بعد از آن به تامل تجهیزات پوسته میباشید که چه خدماتی قادر خواهیم بود به یوزرها بدهیم و همگی این سرویس ها را مبتنی بر با علم خودتان روی وبسایت پیاده خواهید کرد . از جمله قابلیت ورود و نام نویسی با اسمس ، باشگاه مشتریان طراحی سایت اختصاصی ، پیشنهادات لحظه ای و …
مزایای اساسی این طرز
طرح و تجهیزات پوسته دقیقا بر طبق با مثال ای میباشد که شما میخواهید
هر مجال که قصد افزودن تجهیزات داشتید یدون دردسر میتوانید ایفا دهید
از هیچ افزونه و پلاگین تا حد قابلیت و امکان استعمال نمیکنید
پوسته شما هزارن توشه مدل خیس و سریع خیس میباشد
هر مجال که رغبت داشتید میتوانید طرح و تجهیزات پوسته را عوض نمائید
هیچ هزینه ای به موسسه ها طراحی وب و یا این که خرید پوسته و افرونه پرداخت نمیکنید
علاوه برا وبسایت خودتان میتوانید مشتری های دیگری هم داشته باشید و …
البته درصورتیکه بخواهیم برای این طرز معایب هم برشماریم می بایست اعلامکرد برای این نحوه هیچ معایبی نیست فقط موضوعی که وجود دارااست این میباشد که شما برای دست یابی یه این علم می بایست مجال قابل قبولی صرف یادگیری فرمائید تا بتوانید هم تارنما خودتان و هم تارنما مشتریان را بخوبی و مبتنی بر با آنچه که در ذهن دارید پیاده فرمائید .در شکل داشتن این علم ، می اقتدار اذعان کرد این طرز شایسته ترین طرز برای طراحی وب میباشد و شما از هیچ حیث محصور نیستید .
بدون نقص ترین جدول تفاوت های بوت استرپ 5 و 4 و 3
خب از اونجا که بوت استرپ یک قاب ورک رسپانسیو برای Css میباشد ، بعداز این جهت لازمه تا به طبع با لهجه Css شناخت های موردنیاز را داشته باشیم تا بتونیم از قاب ورک Css به کارگیری کنیم . اما همونطور که میدونید صرفا Bootstrap وجود ندارد که تحت عنوان کادر ورک برای گویش Css معرفی گردیده . کادر ورک هایی مثل Uikit و .. هم خیلی معرف و کاربردی میباشند ولی طرف اکانت ما اینجا بوت استرپ می باشد .
از بوت استرپ 2 آغاز کنیم ؟
خب بوت استرپ 2 میشه اذعان کرد در طول خودش کاربرد داشت البته در حالتی که با دامنه کاربرد بوت استرپ 3 و 4 و 5 مقایسه کنیم خوا هیم مشاهده کرد که بوت استرپ 2 کاربرد چندانی نداشت و اینترنت مستر ها عشق و علاقه نداشتند تا از بوت استرپ ورژن 2 زیاد به کار گیری نمایند . انگیزه این عمل هم خیلی مشخص و معلوم بود . بوت استرپ در ورژن 2 خودش از پیکسل استفاد میکرد و این طرز پیکسل زیاد خوشایند عدم وجود به این دلیلکه در شرایط های رسپانسیو به شدت به نقص برمیخوردیم ولی بازهم میشد پاره ای از بوت استرپ ورژن 2 یاری گرفت . سایت هایی که هنور هم با بوت استرپ 2 پیاده سازی گردیده باشند و به ورژن های آتی سفر نکرده باشند میشه خاطرنشان کرد خیلی نادر میباشند شاید هم ابدا وجود ندارند . به همین خیال و خاطر بوت استرپ آغاز به عیب یابی کرد و ورژن 3 خودش را منتشر کرد . هم اکنون بریم سراغ ورژن 3 .
بوت استرپ 3 یک دگرگونی در بوت استرپ
وقتی که بوت استرپ برای نخستین دفعه از ورژن سوم خودش رونمایی کرد ، میشه اظهارکرد یوزرها و طراحان متعددی به به کارگیری از بوت استرپ ورژن 3 روی آوردند . بوت استرپ 3 ورژن متحول گردیده ای بود . در بوت استرپ 3 ، دیگر واحد هایی همانند پیکسل وجود نداشت و اندازه جعبه ها و ردیف های بوت استرپ از Px به درصد عوض شده بوند و همگی طراحان بخوبی می دانستند که به کارگیری از واحد % چقدر برای ما عالی میباشد . اولین تغییری که در بوت استرپ 3 مشهود است همین تغییر و تحول به % ها بود . بوت استرپ 3 از نظر صفحه آرایی و پیاده سازی هم حقیقتا توسعه و گسترش خیر داشت و هنوز هم با اینکه بوت استرپ 5 در بازار سرگرم به شغل میباشد ولی خیلی از وبسایت ها هنوز با بوت استرپ 3 عمل می نمایند و کوچکترین مشکلی هم ندارند . تغییر و تحول در ظواهر و همینطور اضافه شدن المان های جدیدتر ، اسلایدر هایی خوب ، ظهور فونت آیکون هایی با اسم Glyphicon که اما در طی خویش دیدنی بودند ، جی کوئری بهبود یافته و سرعت و دسترسی عالی نسیت به ورژن 2 ، تمامی از دلایلی بودند که بوت استرپ توانست در طی ظهور ورژن 3 مشهور گردد . بوت استرپ 3 یک سری سال به شدت اقتدار نمایی کرد . ولی گشوده هم با مرور مجال قسمت های خالی در بوت استرپ 3 شم میشد که نیاز بود تا بدین سیستم اضافه شوند ولی بوت استرپ با نشر واپسین ورژن بوت استرپ 3 مهر اتمام بر بوت استرپ 3 زد و مابقی تغییرات را برای ورژن 4 ارائه کرد . پس بریم سراغ ورژن 4 .
بوت استرپ ورژن 4 ، کاهش شگرف استایل ها
بوت استرپ 3 و شغل کردن با آن بسیاز شادی بخش بود ، البته وقتی که بوت استرپ 4 ظهور کرد شاهد تغییراتی فوق العاده شدیم که می توانستیم در پیاده سازی انعطاف بیشتری داشته باشیم .
شگرف ترین تغییرو تحول در بوت استرپ 4 تغییر و تحول کردن ردیف ها از ساختار Float به ساختار Flex بود که می اقتدار اذعان کرد بیشتراز 90% محدودیت هایی در ردیف بندی و همینطور چیدمان را از دربین برداشت . هنگامی که از تکنولوژی Flex استعمال میکنیم میتوانی بیان کرد محدودیت ردیف بندی هایی که در برخی اندازه ها داریم از فی مابین برداشته میگردد . به عنوان مثال بوسیله سیستم گرید بوت استرپ 3 ، ما قدرتمند نبودیم تا 5 ردیف در کنار هم داشته باشیم و ردیف های ما یا این که بایستی 6 تا بودند و یا این که 4 تا .
هنگامی که به Flex روی میاوریم میتوانیم به وسیله ساختاری کهاین تکنولوژی در احتیار ما قرار میدهد ، تعداد ردیف های دلخواه در بوت استرپ داشته باشیم . همچینن به جهت به کارگیری نکردن از موقعیت Float برای هرمورد از ردیف ها ، ساختار بندی ما در سایت های راست به چپ و مخصوصا فارسی خیلی ریلکس خیس بود . البته گشوده هم بوت استرپ راست چین چیزی بود که به آن شم نیاز می شد .
رنگ هایی که در بوت استرپ 4 تغییر و تحول کردند حقیقتا جلوه خیلی بهتری به سایت ها دادند . بوت استرپ 4 با بسط ورژن Css خویش بر روی گویش Sass این قابلیت را به ما بخشید تا پا را از حد بالاتر نهاده و دسترسی بهتری به پالت های رنگ و همینطور سرعت کدنویسی داشته باشیم . هسته بوت استرپ 4 نسبت به ورژن 3 کاملا ویرایش گردیده و سرعت آن هم به شدت بهبود یافته بود . تغییر و تحول واحد های اندازه گیری از Px به rem هم حقیقتا شگفت انگیز بود .
رنگ های فلت به یاروهمدم رنگ ها Dark و Light که به هسته بوت استرپ 4 اضافه شدند . یکی اتفاقات بهتر که در ورژن 4 بهزمینخورد بهبود سیستم گرید در گوشی بود . ورژن گوشی که در بوت استرپ 3 از پهنا 0 تا 767 بود در بوت استرپ 4 به 576 تغییرو تحول یافت که حقیقتا هم فعالیت صدق یود چراکه پهنا 767 برای تلفن همراه حتیدر وضعیت افقی هم زیاد بود . به همین برهان بوت استرپ یک ردیف بندی دیگر هم به خویش اضافه کرد که با اسم Xl یا این که به عبارتی Extra Large شناخته می گردد . در واقع 4 عرضی که در بوت استرپ ورژن 3 وجود داشت به 5 پهنا در بوت استرپ ورژن 4 تغییر و تحول یافت و استایل دهی و ردیف بندی در تلفن همراه و تبلت بسیار بهبود یافت .
هیبت هایی که با ظواهر خوب ارائه شدند ، اضافه شدن کلاس های متعدد به row ها و همینطور قابلیت و امکان تغییرو تحول در Breakpoint های گوناگون به عنوان مثال تغییرات عالی بوت استرپ 4 بود . وقتی که در بوت استرپ 3 حالتی برای یک Div معلوم میشد ، در کلیه پهنا ها به به عبارتی موقعیت شغل میکرد ولی به امداد کلاس های ( mb , mt , pb , pt …. ) که میشد برای پهنا های گوناگون به صورت ( mb-md , mb-sm ) و … تمجید کرد می توانسنیم یک موقعیت خاص را تنها برای پهنا های خاصی تعریف و تمجید بستنی . از جمله یک Div صرفا در شرایط تلفن همراه دارنده پدینگ باشد و از پهنا های تلفن همراه به بالا این پدینگ ها حذف خواهد شد .
در ورژن بوت استرپ 3 خودمان بدون چاره به تایپ کردن ترازو متعددی کدهای Media بودیم تا بتوانیم این شرایط را در اختیار گرفتن کنیم ولی با سیستمی که در بوت استرپ 4 برای گونه های Breakpoint ها ارائه شد ، حاذق شدیم تا با تایپ کردن نام فقط یک سری کلاس ، خصوصیت های گوناگون را در موقعیت های گوناگون در دست گرفتن کنیم .
همینطور بوت استرپ ورژن 4 ، برای مهم ترین کدهای Css هم کلاس های نیکی تمجید کرد . مثلا کد هایی از جمله w-100 , d-block , d-inline-block , position-relative و .. که به عنوان مثال کدهایی بودند که در 70% المان ها به شغل می رفتند و با به کار گیری از این کلاس ها در کدنویسی می قدرت بیان کرد بیش تر از 40% کد ها از پوشه style.css ما حذف می شدند . همینطور اضافه شدن کلاس هایی مثل کلاس های Border , rounded و … که برای مثال کد های پر استفاده در پوشه style.css بودند و عمل ما با به کارگیری از این کلاس ها بسیار ریلکس میشد . همه تغییراتی که در بوت استرپ 4 نسبت ورژن 3 آن وجود دارااست را میتوانید در جدول تحت ببینید به این دلیلکه تغییرات بوت استرپ 4 در ورژن نهایی آن نسبت به بوت استرپ 3 زیاد بود و درواقع می قدرت ذکر کرد با ظهور بوت استرپ 4 ، بوت استرپ 4 هم کلا کنار رفت به این دلیلکه سیستم Flex و همینطور Grid بندی مطلوب درکنار کلاس های کمکی بسیار زیاد ، مارا موظف و مشتاق به هجرت از ورژن 3 به ورژن 4 می نمود .
ولی رسیدگی نحوه سوم طراحی وب سایت ، مزایا و معایب
این نحوه که می اقتدار ذکر کرد ماهر ترین و بی نقص ترین طریق ساخت سایت میباشد این میباشد که شما یک اپ نویس باشید . هنگامی که شما به پیاده سازی و نرمافزار نویسی وبسایت احاطه دارید آیا بنظرتان مانعی در رمز منش شما جای دارد ؟ شما میتوانید بر روی یک صفحه طرح دلخواه خودتان را پیاده فرمائید . از جمله اسلایدر وب سایت در کجا باشد ، سفارش شگفت انگیر کجا باشید ، قسمت همیاران ، نصیب واپسین تولید ها و .. همه را خودتان با ذوق وسلیقه خودتان پیاده سازی خواهید کرد و هیچ چیزی بازدارنده روش شما وجود ندارد . بعد این طراح را بر روی پوسته پیاده میکنید . بعد از آن به تامل تجهیزات پوسته میباشید که چه خدماتی قادر خواهیم بود به یوزرها بدهیم و همگی این سرویس ها را مبتنی بر با علم خودتان روی وبسایت پیاده خواهید کرد . از جمله قابلیت ورود و نام نویسی با اسمس ، باشگاه مشتریان طراحی سایت اختصاصی ، پیشنهادات لحظه ای و …
مزایای اساسی این طرز
طرح و تجهیزات پوسته دقیقا بر طبق با مثال ای میباشد که شما میخواهید
هر مجال که قصد افزودن تجهیزات داشتید یدون دردسر میتوانید ایفا دهید
از هیچ افزونه و پلاگین تا حد قابلیت و امکان استعمال نمیکنید
پوسته شما هزارن توشه مدل خیس و سریع خیس میباشد
هر مجال که رغبت داشتید میتوانید طرح و تجهیزات پوسته را عوض نمائید
هیچ هزینه ای به موسسه ها طراحی وب و یا این که خرید پوسته و افرونه پرداخت نمیکنید
علاوه برا وبسایت خودتان میتوانید مشتری های دیگری هم داشته باشید و …
البته درصورتیکه بخواهیم برای این طرز معایب هم برشماریم می بایست اعلامکرد برای این نحوه هیچ معایبی نیست فقط موضوعی که وجود دارااست این میباشد که شما برای دست یابی یه این علم می بایست مجال قابل قبولی صرف یادگیری فرمائید تا بتوانید هم تارنما خودتان و هم تارنما مشتریان را بخوبی و مبتنی بر با آنچه که در ذهن دارید پیاده فرمائید .در شکل داشتن این علم ، می اقتدار اذعان کرد این طرز شایسته ترین طرز برای طراحی وب میباشد و شما از هیچ حیث محصور نیستید .
بدون نقص ترین جدول تفاوت های بوت استرپ 5 و 4 و 3
خب از اونجا که بوت استرپ یک قاب ورک رسپانسیو برای Css میباشد ، بعداز این جهت لازمه تا به طبع با لهجه Css شناخت های موردنیاز را داشته باشیم تا بتونیم از قاب ورک Css به کارگیری کنیم . اما همونطور که میدونید صرفا Bootstrap وجود ندارد که تحت عنوان کادر ورک برای گویش Css معرفی گردیده . کادر ورک هایی مثل Uikit و .. هم خیلی معرف و کاربردی میباشند ولی طرف اکانت ما اینجا بوت استرپ می باشد .
از بوت استرپ 2 آغاز کنیم ؟
خب بوت استرپ 2 میشه اذعان کرد در طول خودش کاربرد داشت البته در حالتی که با دامنه کاربرد بوت استرپ 3 و 4 و 5 مقایسه کنیم خوا هیم مشاهده کرد که بوت استرپ 2 کاربرد چندانی نداشت و اینترنت مستر ها عشق و علاقه نداشتند تا از بوت استرپ ورژن 2 زیاد به کار گیری نمایند . انگیزه این عمل هم خیلی مشخص و معلوم بود . بوت استرپ در ورژن 2 خودش از پیکسل استفاد میکرد و این طرز پیکسل زیاد خوشایند عدم وجود به این دلیلکه در شرایط های رسپانسیو به شدت به نقص برمیخوردیم ولی بازهم میشد پاره ای از بوت استرپ ورژن 2 یاری گرفت . سایت هایی که هنور هم با بوت استرپ 2 پیاده سازی گردیده باشند و به ورژن های آتی سفر نکرده باشند میشه خاطرنشان کرد خیلی نادر میباشند شاید هم ابدا وجود ندارند . به همین خیال و خاطر بوت استرپ آغاز به عیب یابی کرد و ورژن 3 خودش را منتشر کرد . هم اکنون بریم سراغ ورژن 3 .
بوت استرپ 3 یک دگرگونی در بوت استرپ
وقتی که بوت استرپ برای نخستین دفعه از ورژن سوم خودش رونمایی کرد ، میشه اظهارکرد یوزرها و طراحان متعددی به به کارگیری از بوت استرپ ورژن 3 روی آوردند . بوت استرپ 3 ورژن متحول گردیده ای بود . در بوت استرپ 3 ، دیگر واحد هایی همانند پیکسل وجود نداشت و اندازه جعبه ها و ردیف های بوت استرپ از Px به درصد عوض شده بوند و همگی طراحان بخوبی می دانستند که به کارگیری از واحد % چقدر برای ما عالی میباشد . اولین تغییری که در بوت استرپ 3 مشهود است همین تغییر و تحول به % ها بود . بوت استرپ 3 از نظر صفحه آرایی و پیاده سازی هم حقیقتا توسعه و گسترش خیر داشت و هنوز هم با اینکه بوت استرپ 5 در بازار سرگرم به شغل میباشد ولی خیلی از وبسایت ها هنوز با بوت استرپ 3 عمل می نمایند و کوچکترین مشکلی هم ندارند . تغییر و تحول در ظواهر و همینطور اضافه شدن المان های جدیدتر ، اسلایدر هایی خوب ، ظهور فونت آیکون هایی با اسم Glyphicon که اما در طی خویش دیدنی بودند ، جی کوئری بهبود یافته و سرعت و دسترسی عالی نسیت به ورژن 2 ، تمامی از دلایلی بودند که بوت استرپ توانست در طی ظهور ورژن 3 مشهور گردد . بوت استرپ 3 یک سری سال به شدت اقتدار نمایی کرد . ولی گشوده هم با مرور مجال قسمت های خالی در بوت استرپ 3 شم میشد که نیاز بود تا بدین سیستم اضافه شوند ولی بوت استرپ با نشر واپسین ورژن بوت استرپ 3 مهر اتمام بر بوت استرپ 3 زد و مابقی تغییرات را برای ورژن 4 ارائه کرد . پس بریم سراغ ورژن 4 .
بوت استرپ ورژن 4 ، کاهش شگرف استایل ها
بوت استرپ 3 و شغل کردن با آن بسیاز شادی بخش بود ، البته وقتی که بوت استرپ 4 ظهور کرد شاهد تغییراتی فوق العاده شدیم که می توانستیم در پیاده سازی انعطاف بیشتری داشته باشیم .
شگرف ترین تغییرو تحول در بوت استرپ 4 تغییر و تحول کردن ردیف ها از ساختار Float به ساختار Flex بود که می اقتدار اذعان کرد بیشتراز 90% محدودیت هایی در ردیف بندی و همینطور چیدمان را از دربین برداشت . هنگامی که از تکنولوژی Flex استعمال میکنیم میتوانی بیان کرد محدودیت ردیف بندی هایی که در برخی اندازه ها داریم از فی مابین برداشته میگردد . به عنوان مثال بوسیله سیستم گرید بوت استرپ 3 ، ما قدرتمند نبودیم تا 5 ردیف در کنار هم داشته باشیم و ردیف های ما یا این که بایستی 6 تا بودند و یا این که 4 تا .
هنگامی که به Flex روی میاوریم میتوانیم به وسیله ساختاری کهاین تکنولوژی در احتیار ما قرار میدهد ، تعداد ردیف های دلخواه در بوت استرپ داشته باشیم . همچینن به جهت به کارگیری نکردن از موقعیت Float برای هرمورد از ردیف ها ، ساختار بندی ما در سایت های راست به چپ و مخصوصا فارسی خیلی ریلکس خیس بود . البته گشوده هم بوت استرپ راست چین چیزی بود که به آن شم نیاز می شد .
رنگ هایی که در بوت استرپ 4 تغییر و تحول کردند حقیقتا جلوه خیلی بهتری به سایت ها دادند . بوت استرپ 4 با بسط ورژن Css خویش بر روی گویش Sass این قابلیت را به ما بخشید تا پا را از حد بالاتر نهاده و دسترسی بهتری به پالت های رنگ و همینطور سرعت کدنویسی داشته باشیم . هسته بوت استرپ 4 نسبت به ورژن 3 کاملا ویرایش گردیده و سرعت آن هم به شدت بهبود یافته بود . تغییر و تحول واحد های اندازه گیری از Px به rem هم حقیقتا شگفت انگیز بود .
رنگ های فلت به یاروهمدم رنگ ها Dark و Light که به هسته بوت استرپ 4 اضافه شدند . یکی اتفاقات بهتر که در ورژن 4 بهزمینخورد بهبود سیستم گرید در گوشی بود . ورژن گوشی که در بوت استرپ 3 از پهنا 0 تا 767 بود در بوت استرپ 4 به 576 تغییرو تحول یافت که حقیقتا هم فعالیت صدق یود چراکه پهنا 767 برای تلفن همراه حتیدر وضعیت افقی هم زیاد بود . به همین برهان بوت استرپ یک ردیف بندی دیگر هم به خویش اضافه کرد که با اسم Xl یا این که به عبارتی Extra Large شناخته می گردد . در واقع 4 عرضی که در بوت استرپ ورژن 3 وجود داشت به 5 پهنا در بوت استرپ ورژن 4 تغییر و تحول یافت و استایل دهی و ردیف بندی در تلفن همراه و تبلت بسیار بهبود یافت .
هیبت هایی که با ظواهر خوب ارائه شدند ، اضافه شدن کلاس های متعدد به row ها و همینطور قابلیت و امکان تغییرو تحول در Breakpoint های گوناگون به عنوان مثال تغییرات عالی بوت استرپ 4 بود . وقتی که در بوت استرپ 3 حالتی برای یک Div معلوم میشد ، در کلیه پهنا ها به به عبارتی موقعیت شغل میکرد ولی به امداد کلاس های ( mb , mt , pb , pt …. ) که میشد برای پهنا های گوناگون به صورت ( mb-md , mb-sm ) و … تمجید کرد می توانسنیم یک موقعیت خاص را تنها برای پهنا های خاصی تعریف و تمجید بستنی . از جمله یک Div صرفا در شرایط تلفن همراه دارنده پدینگ باشد و از پهنا های تلفن همراه به بالا این پدینگ ها حذف خواهد شد .
در ورژن بوت استرپ 3 خودمان بدون چاره به تایپ کردن ترازو متعددی کدهای Media بودیم تا بتوانیم این شرایط را در اختیار گرفتن کنیم ولی با سیستمی که در بوت استرپ 4 برای گونه های Breakpoint ها ارائه شد ، حاذق شدیم تا با تایپ کردن نام فقط یک سری کلاس ، خصوصیت های گوناگون را در موقعیت های گوناگون در دست گرفتن کنیم .
همینطور بوت استرپ ورژن 4 ، برای مهم ترین کدهای Css هم کلاس های نیکی تمجید کرد . مثلا کد هایی از جمله w-100 , d-block , d-inline-block , position-relative و .. که به عنوان مثال کدهایی بودند که در 70% المان ها به شغل می رفتند و با به کار گیری از این کلاس ها در کدنویسی می قدرت بیان کرد بیش تر از 40% کد ها از پوشه style.css ما حذف می شدند . همینطور اضافه شدن کلاس هایی مثل کلاس های Border , rounded و … که برای مثال کد های پر استفاده در پوشه style.css بودند و عمل ما با به کارگیری از این کلاس ها بسیار ریلکس میشد . همه تغییراتی که در بوت استرپ 4 نسبت ورژن 3 آن وجود دارااست را میتوانید در جدول تحت ببینید به این دلیلکه تغییرات بوت استرپ 4 در ورژن نهایی آن نسبت به بوت استرپ 3 زیاد بود و درواقع می قدرت ذکر کرد با ظهور بوت استرپ 4 ، بوت استرپ 4 هم کلا کنار رفت به این دلیلکه سیستم Flex و همینطور Grid بندی مطلوب درکنار کلاس های کمکی بسیار زیاد ، مارا موظف و مشتاق به هجرت از ورژن 3 به ورژن 4 می نمود .