Glyphicon innerhalb der Taste nicht sichtbar

Ich möchte Glyphicon innerhalb der Taste setzen. Ich weiß nicht, warum es nicht sichtbar ist. Das einzige, was sichtbar ist, ist Text, aber kein Glyphon.Glyphicon innerhalb der Taste nicht sichtbar

Here ist ein Beispiel. Das Problem ist mit diesem Knopf:

<button type="button" class="btn btn-primary"> 
<span class="glyphicon glyphicon-arrow-up"></span>3</button>

Quelle

2017-03-28 FrenkyB

Ihr Code funktioniert auf meiner Website. Stellen Sie sicher, dass Sie korrekte Bootstrap CSS-Dateien enthalten. – abraham63

Aus Codepenbeispiel können Sie Glyphicon sehen? – FrenkyB

Ich glaube, Sie haben Ihre Bootstrap-Bibliothek nicht importiert. –

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

 
<button type="button" class="btn btn-primary"> 
 
<span class="glyphicon glyphicon-arrow-up"></span> 3 </button>

Quelle

2017-03-28 08:47:59 spickywolf

Ich vermute, das Problem war mit Codepen-Link. Es zeigt auf bootstrap 4.0 alpha. Als ich den Link auf Version 3.3.7 geändert habe, hat alles normal funktioniert. – FrenkyB

möglicherweise sollten Sie Bootstrap CDN enthalten oder herunterladen – spickywolf

Arbeitsbeispiel w3schools

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Glyphicon Examples</h2> 
 
    
 
    <button type="button" class="btn btn-primary"> 
 
     <span class="glyphicon glyphicon-arrow-up"></span> 3 
 
    </button> 
 
    
 
</div> 
 

 
</body> 
 
</html>

Quelle

2017-03-28 09:09:08

Glyphicon innerhalb der Taste nicht sichtbar

Antwort

Verwandte Themen