Comment résoudre le problème de l'icône d'amorçage qui ne s'affiche pas-Tutoriel d'amorçage-php.cn

Comment résoudre le problème de l'icône d'amorçage qui ne s'affiche pas

藏色散人

Libérer： 2021-01-08 14:36:14

original

6077 Les gens l'ont consulté

La solution au problème selon lequel l'icône de bootstrap ne s'affiche pas : placez d'abord l'intégralité du bootstrap téléchargé depuis Internet dans Eclipse, puis placez la référence jQuery avant la référence de bootstrap.

Comment résoudre le problème de l'icône d'amorçage qui ne s'affiche pas

L'environnement d'exploitation de ce tutoriel : Système Windows 7, bootsrap version 3.3.7 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel bootstrap" "Tutoriel vidéo CSS"

L'icône de la police Bootstrap n'affiche pas le problème

Problème :

Lorsque le bootstrap utilise des icônes de police, il affiche uniquement une boîte et n'affiche pas l'icône.

Analyse du problème :

La raison est que le fichier bootstrap.css n'est pas correctement associé au fichier de police glyphicons-halflings-regular.eot.

Affichez le code source de bootstrap.css :

`@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;);
}`

Copier après la connexion

Faites attention à l'URL qu'il contient

Solution :

Mettez l'intégralité du bootstrap téléchargé depuis Internet dans éclipse. Comme le montre la figure, la référence de

Comment résoudre le problème de licône damorçage qui ne saffiche pas

dans la page jsp :

<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>

Copier après la connexion

Remarque : La référence jQuery doit être placée avant la référence bootstrap, sinon Erreur non détectée : le bootstrap sera signalé. JavaScript nécessite une erreur jQuery

Pour plus de connaissances sur la programmation, veuillez visiter : Tutoriel de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!