راکت
pooria83
pooria83
توسط pooria83 مطرح شد
حل
30 پاسخ

اعمال نشدن bootstrap روی laravel

سلام
من با استفاده از دستورات زیر laravel ui روی نصب میکنم اما Bootstrap روش اعمال نمیشه و ظاهرش همونطور که تو فایل پیوست هست نشون داده میشه.
composer create-project --prefer-dist laravel/laravel:^7.* blog
composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth

راهکاری براش دارین؟


ثبت پرسش جدید
رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

دو خط زیر رو به فایل app.blade.php اضافه کنید.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

در واقع کامل ترش میشه به صورت زیر:

<link href="https://roocket.ir/{{ asset('js/app.js') }}" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<link href="https://roocket.ir/{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

موفق باشید.


رضا پارسیان
رضا پارسیان
تخصص :توسعه دهنده Php , Laravel
@Rp765 سال پیشمطرح شد
0

سلام وقتتون بخیر!!

باید ۲ تا خط دیگه هم استفاده کنی!

npm install && npm run watch

بعد باید مطمئن بشید که فایل های زیر رو استفاده کردید توی پروژه

public/js/app.js
public/css/css.js

Saman
Saman
تخصص :برنامه نویس وب
@samanzdev5 سال پیشمطرح شد
0

سلام
1- شما در قدم اول باید دستور زیر را داخل terminal بزنید
composer require laravel/ui:^2.4
2- در قدم باید اگه می خواید bootstrap رو نصب کنید، دستور php artisan ui bootstrap رو بزنید.
3- حالا npm install رو بزنید.
4- در آخر هم دستور npm run watch رو وارد کنید.
@pjalili83


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
1

@Rp76
اون قسمت اول رو که انجام دادم و فراموش کردم تو مطلب عنوان کنم.
فایل هایی که ذکر کردین توی public ساخته شده و توی layout هم به کار گرفته شده<!-- Scripts --> <script src="{{ asset('js/app.js') }}" defer></script>

 <!-- Styles -->
    <link href="https://roocket.ir/{{ asset('css/app.css') }}" rel="stylesheet">

pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@samanzdev متاسفانه حل نشد


Saman
Saman
تخصص :برنامه نویس وب
@samanzdev5 سال پیشمطرح شد
0

@pjalili83
خب فایل هایی که ایجاد شدن خالی هستن یا نه؟ ( فایل های app.css و app.js)


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@samanzdev خیر
محتوا دارن


Saman
Saman
تخصص :برنامه نویس وب
@samanzdev5 سال پیشمطرح شد
0

یک / قبل از آدرس دهی تون بزارید. اگه درست نشد یه عکس از پوشه public رو بفرستید
@pjalili83


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

این پوشه public

@samanzdev


Saman
Saman
تخصص :برنامه نویس وب
@samanzdev5 سال پیشمطرح شد
0

/ گذاشتید قبل از آدرس دهی؟
اگه می خوایید با anydesk به سیستم تون وصل بشم ؟
@pjalili83


رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

سلام.
باید مراحل زیر رو به ترتیب انجام بدین:

composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install
npm run dev

حالا واسه آدرس دهی تک به تک چک کنید، ببینید کدوم باعث نمایش ظاهر درست میشه.

<link href="https://roocket.ir/{{ asset('css/app.css') }}" rel="stylesheet">
<link href="https://roocket.ir/{{ asset('/css/app.css') }}" rel="stylesheet">
<link href="https://roocket.ir/{{ asset('../css/app.css') }}" rel="stylesheet">
<link href="https://roocket.ir/{{ asset('public/css/app.css') }}" rel="stylesheet">
<link href="https://roocket.ir/{{ asset('/public/css/app.css') }}" rel="stylesheet">
<link href="https://roocket.ir/{{ asset('../public/css/app.css') }}" rel="stylesheet">

pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@samanzdev
گذاشتن / رو هم امتحان کردم و وقتی کار نکرد برگردونم به حالت اول
895468534

خیلی ممنون میشم اگر مقدور باشه با Anydesk یه نگاهی بندازین


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@rezajahangir
خیلی عجیبه
با هیچکدوم از این حالت ها مشکل حل نشد


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@Rp76 @samanzdev @rezajahangir
آدرس دهی رو اینطوری نمایش میده


رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

یکبار از دستورات زیر استفاده کنید شاید تو کش گیر کرده.

php artisan clear:cache
php artisan config:clear
php artisan config:cache

pooria83
pooria83
@pjalili835 سال پیشمطرح شد
رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

با انی دسک وصل بشم؟


رضا پارسیان
رضا پارسیان
تخصص :توسعه دهنده Php , Laravel
@Rp765 سال پیشمطرح شد
0

عکسی که ارسال کردی درست هست اگر مشکلت حل نشد
میتونی واتساپ منو پیدا کنی


pooria83
pooria83
@pjalili835 سال پیشمطرح شد
0

@rezajahangir ممنون میشم
۸۹۵۴۶۸۵۳۴


رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

الان وصل میشم


رضا جهانگیر
رضا جهانگیر
تخصص :Full-Stack Developer
@rezajahangir5 سال پیشمطرح شد
0

دو خط زیر رو به فایل app.blade.php اضافه کنید.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

در واقع کامل ترش میشه به صورت زیر:

<link href="https://roocket.ir/{{ asset('js/app.js') }}" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<link href="https://roocket.ir/{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

موفق باشید.


صفحه 1 از 2

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام