부트 스트랩 사이드 바에 burger 아이콘 추가

내 사이드 바에 버거 메뉴를 추가하려고합니다. 나는 부트 스트랩 사이드를 사용하고 - 버전 3.3.7을 내 bootstrap.min.css 내 폴더에 복사됩니다부트 스트랩 사이드 바에 burger 아이콘 추가

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

코드 :

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

아이콘을 볼 수없는 웹 사이트를 실행할 때 사이트를 디버그하려고했습니다. 편집 할 때이 요소가 비어 있다고 봉합했습니다. 요소를 편집하고 class = "glyphicon glyphicon-menu-hamburger"를 추가하면 burger 아이콘이 나타납니다.
image of the debug of the element

가 어떻게 모든 시간을 표시하는 아이콘을 만들 수 있습니다 ?

출처

2017-12-13 Hagar Tal

코드 제공 –

'contentHeader'는 JSX와 비슷한가요? 그렇다면'class'는 JavaScript에서 예약어이므로 예를 들어'class'보다는'className'을 사용해야한다고 생각합니다. ' =' – delinear

고마워요! 나는 클래스를 클래스 이름으로 바꿨다. –

그 구문에서 JSX + React를 사용하고 있다고 생각합니다.이 경우 html 속성에 className이 아닌 클래스를 사용해야합니다.

Atom 편집기를 사용하는 것이 좋습니다.이 편집기에서 해당 문제를 강조해야합니다.

출처

2017-12-13 09:44:17 Ethan

부트 스트랩 사이드 바에 burger 아이콘 추가

답변

관련 문제