رفتن به مطلب
انجمن پشتیبانی لاراول ایران

هاست لاراول با پشتیبانی 24 ساعته و امکانات کامل از مدیرهاست

امیر

نصب بوتسترپ در لاراول

Recommended Posts

هاست لاراول با پشتیبانی 24 ساعته و امکانات کامل از مدیرهاست

  

سلام آقا امیر گل گلاب

نقل قول

در توضیحات آقای ابوالفضل طالبی با جزییات این موارد توضیح داده شده است. من فقط بازگو میکنم

همونطور که میدونی بوت استرپ داره نسخه 5 هم میده بیرون و باید بروز باشی و عقب نمونی.

در داخل لاراول ما مثل بقیه فریم ورک ها میتونیم از چند روش مرسوم از این تکنولوژی استفاده کنیم و به تگ های HTML خودمون ظاهر متناسب بدیم  و یک سایت خلاقانه بسازیم.

روش استفاده به این چند صورت انجام میگیره که کامل توضیحات رو میدم خدمتتون.

روش های کلی استفاده از بوت استرپ در پروژه لاراول

 ابتدا به سایت مرجع رفته و از قسمت Documentation --> Download روش های دانلود را مشاهده میکنیم .

1-روش اول : ( Compiled CSS and JS)

image.png.2f4db52ff80eec2199ec114ed3b7020c.png

همانطور که ملاحظه میکنید فایل هایی به شما میدهد که نیاز به کامپایلر ندارد

نقل قول

کامپایلر ؟؟؟ خب چون بوت استرپ از موتور sass استفاده میکند.لازم به ذکر است این مهاجرت از less به sass از نسخه 4 اتفاق افتاد.

بعد از دانلود ما باید فایل های دانلود شده را داخل پوشه پابلیک قرار دهید و به روشی که عرض میکنم عمل کنید.

 <link href="{{url('assets/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css">

<script src="{{url('assets/js/jquery.min.js')}}"></script>
<script src="{{url('assets/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{url('assets/js/bootstrap.min.js')}}"></script>

معماری پوشه ها
public
|------|  assets
       |---------|  css
       |---------|  js

روش بعدی استفاده در پروژه های لاراول استفاده از CDN ها است که بسیار راحت تر میباشد از همان قسمت دانلود کافیست لینک ها را کپی کرده و در جای مناسب قرار دهید.

image.png.5d507d20f7ae94b6f77114d52cb01f50.png

روش استفاده بعدی استفاده از npm هست که پیشنهاد داده نمیشه ( هم این هم لاراول میکس ). برای اینکار ابتدا دستور زیر را در ترمینال وارد کرده

npm install bootstrap

سپس وارد فایل package.json شوید و کدهای زیر را اضافه کنید.(آدرس ها طبق مسیر فایل های خود)

"styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
  ],

و روش استفاده آخر ه که برات میگم استفاده از روش کامپوزری بوت استرپ هست .دیگه فک نکنم نصب این دیگه نیاز به توضیح داشته باشه :|

composer require twbs/bootstrap:4.4.1

موفق تر باشید.

Share this post


Link to post
Share on other sites

وارد این گفتگو شوید

میتوانید پیام خود را ارسال کنید و بعد ثبت نام نمایید. در صورتی که حساب کاربری دارید, هم اکنون وارد شوید و در این گفتگو شرکت کنید.

مهمان
پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  Only 75 emoji are allowed.

×   لینک شما به صورت اتوماتیک جایگذاری شد.   نمایش به عنوان یک لینک به جای

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • جدید...