햄버거 아이콘에 텍스트 추가

Question

부트 스트랩 햄버거 항목에 텍스트를 어떻게 추가합니까? 일반적으로 3 개의 수평선으로 표시됩니다. 텍스트를 오른쪽이나 왼쪽에 넣고 싶습니다.

상상이 햄버거 아이콘입니다 : Expand menu [=]

Answer 1

무엇을 당신이 "햄버거 아이콘"으로 묘사하는 것은 단순히 button 3 span, 각 하나입니다 : 내가처럼 보이게하는 방법을 [=] 여기

입니다 클래스 icon-bar.

<button type="button" class="navbar-toggle" data-toggle="collapse" 
              data-target=".navbar-responsive-collapse"> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

당신은 그러나 당신이 좋아하는 <div> 요소와 스타일 내에서이 버튼을 포장 할 수 있어야한다.