如何在带有 bootstrap 图标栏的导航栏中创建按钮？

Question

我是 bootstrap 的新手。我想在具有三个图标栏的导航栏中创建一个按钮。

这是我的代码：

<button type="button" class="navbar-btn btn-default pull-right">        
    <span class="icon-bar"></span>  
    <span class="icon-bar"></span>  
    <span class="icon-bar"></span>    
</button>

上面创建了一个按钮，但它非常小并且没有图标栏。我做错了什么？

Answer 1

添加 navbar-toggle class 和一个 ID，然后在您的 css 中定位该 ID 并制作 display:block;

类似于：

html:

<button type="button" class="navbar-btn btn-default pull-right navbar-toggle" id="hamburgerIcon">        
  <span class="icon-bar"></span>  
  <span class="icon-bar"></span>  
  <span class="icon-bar"></span>    
</button>

css:

#hamburgerIcon{
  display:block;
}