显示&#34;菜单&#34;在Bootstrap 3移动屏幕而不是三行(<em>)?</em>

时间:2014-08-16 09:11:33

标签: twitter-bootstrap twitter-bootstrap-3

是否可以更改Bootstrap 3菜单...

enter image description here

...所以它读起来像“菜单”而不是三行?

1 个答案:

答案 0 :(得分:1)

你试过这个:

 <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        Menu
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

而不是

   <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

检查这个jsfiddle:

http://jsfiddle.net/244e8c1b/2/