汉堡包按钮在Bootstrap中

Question

我想在导航栏上修复经典的bootstrap样式汉堡包按钮，就像当屏幕尺寸变得足够小时显示为切换按钮的按钮一样。

无论如何，我怎么能按原样显示按钮，而不必通过navbar-toggle类来实现呢？

编辑：这是我的按钮：

<div>
    <div class="center">
        <button type="button" class="btn">☰</button>
    </div>
</div>   



body {
background: #222;

}

.center {
    width: 100px;
    margin: 50px auto;
}

.btn {
  background-color: #222;
  border: 1px solid #3A3A3A;
  color: #D3D3D3;
  width: 42px;
  margin-left: 42px;
  font-size: 23px;
  height: 34px;
  transition: color 0.45s;
  transition: border 0.45s;
}

button.btn:hover {
  color: #2978E0;
  border: 1px solid #61A5FF;
}

https://jsfiddle.net/rstty1ye/

tutsplus.com上提到了使用UTF-8字符 这不是我最初的发现或想法。

Answer 1

没关系，我想通了。

创建了一个自定义按钮并使用了UTF-8字符：条形码的Trigram for Heaven。