So lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird-Bootstrap-Tutorial-php.cn

So lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird

藏色散人

Freigeben： 2021-01-08 14:36:14

Original

6033 Leute haben es durchsucht

Lösung für das Problem, dass das Bootstrap-Symbol nicht angezeigt wird: Legen Sie zuerst den gesamten aus dem Internet heruntergeladenen Bootstrap in Eclipse ab. Fügen Sie dann die jQuery-Referenz vor der Bootstrap-Referenz ein.

So lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „Bootstrap-Tutorial“ „CSS-Video-Tutorial“

Bootstrap-Schriftsymbol wird nicht angezeigt. Problem:

Problem:

Wenn Bootstrap das Schriftartsymbol verwendet, wird nur ein Kästchen und nicht das Symbol angezeigt .

Problemanalyse:

Der Grund ist, dass die Datei „bootstrap.css“ nicht korrekt mit der Schriftartdatei glyphicons-halflings-regular.eot verknüpft ist.

Schauen Sie sich den Bootstrap.css-Quellcode an und Sie werden Folgendes sehen:

`@font-face {
  font-family: &#39;Glyphicons Halflings&#39;;
  src: url(&#39;../fonts/glyphicons-halflings-regular.eot&#39;);
  src: url(&#39;../fonts/glyphicons-halflings-regular.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;), url(&#39;../fonts/glyphicons-halflings-regular.woff2&#39;) format(&#39;woff2&#39;), url(&#39;../fonts/glyphicons-halflings-regular.woff&#39;) format(&#39;woff&#39;), url(&#39;../fonts/glyphicons-halflings-regular.ttf&#39;) format(&#39;truetype&#39;), url(&#39;../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular&#39;) format(&#39;svg&#39;);
}`

Nach dem Login kopieren

Achten Sie auf die darin enthaltene URL

Lösung:

Fügen Sie den gesamten aus dem Internet heruntergeladenen Bootstrap in Eclipse ein. Wie in der Abbildung gezeigt

So lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird

Die Referenz auf der JSP-Seite:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bootStrap表单</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<link rel="stylesheet" href="js/bootstrap-3.3.7-dist/css/bootstrap.css">
<script type="text/javascript" src="js/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>

Nach dem Login kopieren

Hinweis: Die Referenz auf jQuery sollte vor der Bootstrap-Referenz platziert werden, andernfalls wird der Fehler „Uncaught Error: Bootstraps JavaScript erfordert jQuery“ gemeldet

Für Weitere Programmierkenntnisse finden Sie unter: Programmier-Tutorial! !

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!