How to get 3-bar icon (menu) in bootstrap?

Question

css

You can do this, but it will already be 4-way:

<span class="glyphicon glyphicon-align-justify"></span>

And this code only works in .navbar and only in mobile screen resolution:

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

How can I get a 3-bar icon so that I can use it anywhere and at any screen resolution?

Answer 1

Подключить нормальные шрифты (bars). От родных избавиться при необходимости.
Я и от ТВ избавился в пользу Uikit, там эти шрифты уже подключены и вообще ИМХО он лучше.

Answer 2

Сделать на чистом css. Как пример - codepen.io/mblode/pen/evjfn (там правда больше чем надо, но оттуда понятно как сделать)