suchen

Heim  >  Artikel  >  Web-Frontend  >  So lösen Sie das Problem, dass das Bootstrap-Symbol nicht angezeigt wird

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

藏色散人
藏色散人Original
2020-12-17 09:13:466006Durchsuche

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: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}`

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So senden Sie ein Formular im modalen Bootstrap-FeldNächster Artikel：So senden Sie ein Formular im modalen Bootstrap-Feld

In Verbindung stehende Artikel

Mehr sehen