Laravel update Bootstrap v4


Ursprünglich hab ich in Laravel Bootstrap v3 verwendet. Um ohne Neuinstallation auf die Version 4 des beliebten Web-frameworks umzusteigen sind einige Anpassungen notwendig.

 

composer require twbs/bootstrap

npm install webpack@^4.0.x

npm install popper.js

npm install bootstrap

 

npm install exports-loader

npm install autoprefixer css-loader node-sass postcss-loader sass-loader style-loader

File /resources/assets/js/bootstrap.js

 

Ändern des folgenden Blocks,  

try {
window.$ = window.jQuery = require('jquery');

require('bootstrap-sass');
} catch (e) {}

auf:

try {
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');

require('bootstrap');
} catch (e) {}

 

File /resources/assets/sass/app.scss

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

auf

@import '~bootstrap/scss/bootstrap';
positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE für deine Bewertung!


Top-Artikel in diesem Bereich

Preview Laravel Beispiel Tutorial - Schritt für Schritt

Laravel Beispiel Tutorial - Schritt für Schritt

geändert: 27.07.2020 von Bernhard (Erstveröffentlichung: 21.08.2016)

Wie in dem zuvor veröffentlichten Artikel "Übersicht Laravel Funktion" bereits angekündigt, habe ich für Laravel ein Praxis-Beispiel erstellt. Das Beispiel kann bestimmte Datenbankeinträge erstellen, anzeigen, bearbeiten und löschen. In einem nächsten Beispiel werde ich zu dem hier beschriebenen Beispiel eine Benutzeranmeldung und Berechtigung hinzufügen (Authentification, Authorization), vorerst starten wir ohne dieser .... ... weiterlesen

Preview Laravel Vue

Laravel Vue

erstellt: 29.10.2019 von Bernhard

.vue Files setzen ein Webpack-Setup voraus ... ... weiterlesen

Preview Laravel Authentication und Authorization Beispiel

Laravel Authentication und Authorization Beispiel

geändert: 06.10.2019 von Bernhard (Erstveröffentlichung: 12.09.2016)

Laravel ist für Benutzer-Anmeldungen bereits vorbereitet, das Aktivieren der Funktion erfolgt mit einem einfachen Befehl. ... weiterlesen


Fragen / Kommentare