2017-01-25 5 views
-5

Wie ohne diesen Link Bootstrap verwenden „https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.cssWie Bootstrap ohne Online-Link zu verwenden?

ich bootstrap.min.css Datei heruntergeladen haben, und ich bin mit diesem class = „glyphicon glyphicon-Suche“ auf localhost, aber das funktioniert nicht und nicht die Suche Piktogramms auf ihrer Website.

+0

zum Download von CSS und js in Website, es dann lokal rufen –

+0

Lesen sie dieses: [CSS How To ...] (http: //www.w3schools.com/css/css_howt o.asp) –

+0

Folgen Sie dieser http://getbootstrap.com/getting-started/ –

Antwort

1

Dies passiert, weil Ihr Browser nach dem Glyphon in den Ordnern auf Ihrem Computer sucht. Wenn Sie Bootstrap von CDN laden, werden Glyphicons relativ zur CSS-Datei verknüpft. Beispiel unten ...

herunterladen Bootstrap von hier: http://getbootstrap.com/getting-started/#download

Beispiel von externer Bootstrap-Datei:

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot); 

Sie Fontpfade zu absolut, Download-Schriftart und im richtigen Ordner ändern können, oder Downloaden Sie die richtige Bootstrap-Datei (nicht CDN).

-2

Wenn Ihre Ordnerstruktur so etwas wie diese:

|-- index.html 
|-- style 
    |-- bootstrap.min.css 

Dann sollten Sie es in dem Abschnitt Ihrer Datei index.html nennen. Wie folgt aus:

<head> 
    <!-- Other stuff will likely be in here... --> 
    <link href="/style/bootstrap.min.css" rel="stylesheet" /> 
</head> 

Wenn Sie Javascript-Dateien minimiert haben, sollten Sie sie am Ende des Abschnitts in einem Tag wie folgt setzen:

<body> 
    <!-- Other stuff will likely be in here... --> 
    <!-- Assume you have a directory named js at the same level as your HTML file --> 
    <script src="js/main.min.js"></script> 
</body> 
-1

erste Kopie Ihrer bootstrap.min. CSS-Datei in Ihrem Projektordner dann Setzen sie diesen Code in den Kopf Abschnitt von hTML-Datei

<link href="bootstrap.min.css" rel="stylesheet" /> 
Verwandte Themen