Bootstrap: Warum zeigt mein Glyphicon nicht?

Edit: Ich benutze JSX, wo ClassName = Klasse.Bootstrap: Warum zeigt mein Glyphicon nicht?

Habe ich nur noch einige Bootstrap meiner React Komponente, wie folgt aus:

<div className="col-xs-2"> 
    <a onClick={this.deleteButtonClicked.bind(this, book)}><span className="glyphicon glyphicon-remove"></span></a> 
</div>

Aber die glyphicon zeigt nicht auf der Seite nach oben. Ich bin mir sicher, dass ich Bootstrap korrekt in mein Projekt eingebunden habe, da das Grid-System funktioniert.

Dies ist die erzeugte HTML:

<a data-reactid=".0.1:$0.0.1.0"><span class="glyphicon glyphicon-remove" data-reactid=".0.1:$0.0.1.0.0"></span></a>

Wissen Sie, was das Problem ist?

Edit 2: Hier ist die erzeugte CSS

box-sizing: border-box 
color: rgb(2, 117, 216) 
display: inline 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif 
font-size: 16px 
height: auto 
line-height: 24px 
width: auto

Quelle

2016-04-16 hellogoodnight

das span-Element in den Werkzeugen dev Überprüfen Sie Ihren Browser und sehen, was Stile werden angewendet. – HaukurHaf

Ok, wonach suche ich? – hellogoodnight

Ihr HTML sieht OK aus. Verwenden Sie die Entwicklerwerkzeuge von z.B. Chrome, um zu überprüfen, wie das CSS des gerenderten Bereichs aussieht. –

folgenden Ausschnitt verwendet den Code und die Bootstrap-CSS und arbeitet. Es muss also etwas im Link zu deinem CSS sein oder die Verfügbarkeit der Schriftart (URL ist im CSS). Es genügt nicht, das CSS in Ihr Projekt einzubinden, wenn Sie ein CSS auf Ihrem eigenen Server verwenden. Die Schriftart muss ebenfalls verfügbar sein.

<html> 
 
    <head> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
    </head> 
 
    <body> 
 
    <a data-reactid=".0.1:$0.0.1.0"><span class="glyphicon glyphicon-remove" data-reactid=".0.1:$0.0.1.0.0"></span></a> 
 
    </body> 
 
</html>

Quelle

2016-04-16 12:45:44

Ok, wo finde ich die Schrift? – hellogoodnight

Vergiss es, ich habe es. Danke vielmals – hellogoodnight

der Code funktioniert nur sicherstellen, dass Sie Bootstrap CDN haben oder dass Sie die CSS-Download für sie

Quelle

2016-04-16 12:56:41 morogoyo

Bootstrap: Warum zeigt mein Glyphicon nicht?

Antwort

Verwandte Themen