Fügen Sie Burger-Symbol Bootstrap Sidebar hinzu

Ich versuche, Burger-Menü zu meiner Sidebar hinzuzufügen. Ich bin mit Bootstrap-Sidebar - Version 3.3.7 und mein bootstrap.min.css ist meinen Ordner kopieren:Fügen Sie Burger-Symbol Bootstrap Sidebar hinzu

<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/>

Der Code:

const contentHeader = (
    <span> 
     <a href="#" onClick={this.menuButtonClick}> 
     <span class="glyphicon glyphicon-menu-hamburger">=</span> 
     </a> 
     <span> My Site - {this.state.selected}</span> 
    </span>);

Wenn ich die Website ausführen, kann ich das Symbol nicht sehen, ich habe versucht, die Website zu debuggen Ich nähen, dass diese Elemente leer ist, wenn ich bearbeite ed das Element und ich füge die Klasse hinzu = "glyphicon glyphicon-menu-hamburger", erschien der Burger Icon.
image of the debug of the element

wie kann ich das Icon machen die ganze Zeit zu erscheinen?

Quelle

2017-12-13 Hagar Tal

Code bitte bereitstellen –

Ist 'contentHeader' etwas wie JSX? Wenn ja, denke ich, dass Sie 'className' anstelle von' class' verwenden müssen, da 'class' ein reserviertes Wort in JavaScript ist, z. ' =' – delinear

danke! Ich änderte die Klasse in Klassennamen und es funktionierte! –

Ich vermute, Sie verwenden JSX + Reagieren von dieser Syntax, in diesem Fall müssen Sie Klassenname nicht Klasse im HTML-Attribut verwenden.

Ich empfehle die Verwendung von Atom-Editor, der dieses Problem für Sie hervorheben sollte.

Quelle

2017-12-13 09:44:17 Ethan

Fügen Sie Burger-Symbol Bootstrap Sidebar hinzu

Antwort

Verwandte Themen