如何在带有引导程序的图标栏的导航栏中创建按钮？答案

【问题标题】：How to create button in navbar with icon-bars with bootstrap?如何在带有引导程序的图标栏的导航栏中创建按钮？
【发布时间】：2015-05-03 13:58:38
【问题描述】：

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

这是我的代码：

<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>

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

【问题讨论】：

按钮周围的代码是否正确？也许如果它在 .navbar-header 中不正确，它会显示不正确。有关正确标记的示例，请参阅 this bootply
按钮没有放在navbar-header中，但即使我把它放在那里也不起作用。

标签： html css twitter-bootstrap button navbar

【解决方案1】：

添加 navbar-toggle 类和一个 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;
}

【讨论】：