بوت استرپ تعبیه شده برای فریم ورک Laravel 5.5

به نام خدا

شما می‌توانید در لاراول 5.5 از Bootstrap 4 beta استفاده کنید. بطور پیش‌فرض شامل فریم ورک، فایل های SCSS، و ورودی‌های  Bootstrap 4، پلاگین جاوا اسکریپت، جی کوئری، و پوپر می‌باشد.

در این متن، ما جی کوئری  پیوسته را که به Laravel وابسته است حفظ می‌کنیم، اما با توجه به مستندات بوت استرپ، نسخه اولیه جی کوئری می‌تواند جایگزین آن شود.

پیش‌فرض بوت استرپ 4  شبیه به فریم ورک بوت استرپ 3 فعلی است که به طور پیش‌فرض همراه با Laravel است. هنگامی که نسخه نهایی بوت استرپ 4 منتشر شود، شما می‌توانید پروژه خود را (نسبتاً) به درستی به‌روز کنید.

پیش فرض کار به چه صورت است؟

Laravel 5.5 با یک فرمان از پیش تعبیه شده در دسترس است تا به شما امکان تغییرات ظاهری و یا حتی امکان حذف را بدهد. بسته ما بوت استرپ 4  و bootstrap4-auth را ثبت می‌کند تا در صورتی که شما  خواستار نمایش مجاز نباشید بتوانید منعطف تر عمل کنید.

زمانی که شما فرمان از پیش تعیین‌شده Bootstrap 4 را اجرا می‌کنید، ماژول گره bootstrap-sass را حذف کرده و ماژول‌های گره bootstrap و popper.js را اضافه می‌کند. پیش‌فرض bootstrap.js به جز در موارد ورودی‌های عمومی Popper.js که وابستگی جدیدی برای پلاگین های مختلف Bootstrap 4 JavaScript است، همانند پیش‌فرض است.

فایل .scss فونت “Raleway” گوگل را نگه می‌دارد و یک فایل به‌روز شده، متغیرهای .scss را وارد می‌کند که نقطه شروع خوبی برای CSS سفارشی شما است.

// Fonts

@import url(“https://fonts.googleapis.com/css?family=Raleway:300,400,600”);

// Variables

@import “variables”;

// Bootstrap

@import “~bootstrap/scss/bootstrap”;

من فایل متغیرهای scss فرستاده و برخی از متغیرها را از نسخه Laravel پیش‌فرض انتقال دادم و متغیرهای بی‌ربط را حذف کردم. به عنوان مثال، مؤلفه “پنل” دیگر در بوت استرپ 4 وجود ندارد و ما متغیرهای مرتبط را حذف کردیم. فایل متغیر یک نقطه شروع است که شما به راحتی می‌توانید آن را تغییر دهید، و توصیه می‌کنیم بیشتر از اسناد تست بوت استرپ یاد بگیرید.

نصب بوت استرپ 4 پیش‌فرض

از طریق بازیابی خودکار بسته جدید، نصب Laravel Bootstrap 4 از پیش تعبیه شده ساده‌ نیست:

composer require laravelnews/laravel-twbs4

php artisan preset bootstrap4-auth

yarn && yarn dev

اگر شما به نمایش‌های مجاز نیاز ندارید، می‌توانید از تنظیمات پیش‌فرض مانند موارد زیر استفاده کنید:

composer require laravelnews/laravel-twbs4

php artisan preset bootstrap4

yarn && yarn dev

بیشتر بدانید

بوت استرپ 4 هنوز یک نسخه بتا است (پیش‌فرض ما از بوت استرپ 4 بتا 2 استفاده می کنیم)، و چند تغییر شگفت‌انگیز در بتا 3 می‌آید. پس از انتشار بتا 3، نسخه بعدی نسخه نهایی بوت استرپ 4 است!