Installation von Bootstrap-4 bis Laravel 5.5 unter Verwendung von Komponisten

Question

ich ein Laravel Projekt

composer create-project --prefer-dist laravel/laravel myProject 

Dann mit habe ich Bootstrap-4

composer require twbs/bootstrap:4.0.0-beta.3 

Mein Bootstrap-dist-Verzeichnis ist

vendor/twbs/bootstrap/dist 

mit installiert

Ich habe bootstrap-min.css in das Verzeichnis public/css kopiert. Dann habe ich diese Zeile in meinem Kopf Tags

<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet"> 

hinzugefügt Aber Bootstrap-4 funktioniert nicht auf meiner Seite. Welche Datei muss jetzt geändert werden?

Answer 1

Wenn Sie Bootstrap über Composer installieren, wird es in den Hersteller/Ordner gelegt, auf den Ihr Webserver nicht zugreifen kann. Sie haben zu kopieren oder die CSS und JS in public/Verzeichnis Symlink:

cp vendor/twbs/bootstrap/css/bootstrap.min.css public/css/bootstrap.min.css 
cp vendor/twbs/bootstrap/js/bootstrap.min.js public/js/bootstrap.min.js 

Da Bootstrap ist ein Frontend Abhängigkeit I statt schlingen oder vielleicht symfonys Webpack Encore verwenden würde dieses für die Verwaltung: https://symfony.com/doc/current/frontend/encore/bootstrap.html

Webpack Encore ist eine Standalone-Komponente, die keine Änderungen in Ihrer Laravel-App erfordern sollte und sich nicht auf irgendeine andere Symfony-Komponente stützt, soweit ich weiß. Wenn das ein Problem ist, das Sie haben.

Answer 2

Kopieren von Composer-Dateien direkt in Ihren Öffentlichen Ordner ist in der Regel schlechte Praxis. Der Ordner "public/css" in der Datei .gitignore ist nicht nur so beschädigt, dass er bei der Portierung in die Produktion beschädigt wird. Alle heruntergeladenen Aktualisierungen werden nicht angewendet, wenn Sie das Paket aktualisieren.

Laravel News hat ein vorderes Ende Voreinstellung für Bootstrap 4. Laravel 5.6 wird Bootstrap 4 als Preset Option gebacken, aber jetzt gemacht, das ist die Art und Weise https://laravel-news.com/bootstrap-4-laravel-preset/

Sie gehen könnte auch nur Bootstrap verwenden direkt aus dem CDN