2017-07-03 3 views
2

Ich benutze Laravel 5.4. in meinem routes Ordner in web.php habe ich den Code unten geschrieben:wie Bootstrap in einer Laravel-Vorlage verwenden

Route::get('test', function() { 
    return view('test'); 
}); 

Und ich habe auch test.blade.php innen resources/views erstellt. in dieser Datei habe ich ein einfaches Layout:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Testing Bootstrap</title> 
    </head> 
    <body> 
    <div class="container bg-danger"> 
     <p>This is a paragraph</p> 
    </div> 
    </body> 
</html> 

Um auf diese Seite zuzugreifen einfach localhost:8000/test url ich verwende. Die Seite wird erfolgreich geladen, aber Bootstrap-Klassen wie container und bg-danger sind nicht betroffen. Warum? Wie kann ich Bootstrap-Funktionen in einer Laravel-Blade-Vorlage verwenden?

Antwort

3

Außer diesem ist das erste Mal Bootstrap verwenden, indem Sie einfach den Link zu der bootsrap Datei in Ihrem Kopf, wie Sie andere CSS-Datei tun würden, um den Job tun würde, um ein Beispiel von einem CDN:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

.....

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Testing Bootstrap</title> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    </head> 
    <body> 
    <div class="container bg-danger"> 
     <p>This is a paragraph</p> 
    </div> 
    </body> 
</html> 

PS: Meine Empfehlung für die nächste Zeit: Google es, Google es ... seine höchstwahrscheinlich bereits auch auf Stackoverflow beantwortet. Hoffe es hilft

Verwandte Themen