2. Bootstrap

Jak zaintalować szybko Bootstrap w Laravel? Używając CDN:


Tutaj video na którym pokazuję jak można to zrobić, a niżej opisałem dla chętnych:


Pobieramy CDN Bootstrap:

https://www.bootstrapcdn.com/


Gdzie potrzebujemy wrzucić CDN Bootstrap?


Resources > Views > Layouts > app.blade.php

Gdzie w pliku dokładnie?


Skopiowany HTML css wklejamy w <head> w sekcji Styles:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

A dwa pliki JavaScript na samym dole między </body>, a </html>:

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js" integrity="sha384-6khuMg9gaYr5AxOqhkVIODVIvm9ynTT5J4V1cfthmT+emCG6yVmEZsRHdxlotUnm" crossorigin="anonymous"></script>

Jak używać Bootstrap w Laravel po dodaniu?


W każdym pliku View wystarczy dodać @extends ('layouts.app').

I już można korzystać z Bootstrap w naszym projekcie.



Comments

Post a Comment