Как получить трех полосную иконку (меню) в bootstrap?

Question

[Mokhirjon Naimov]

Можно сделать так, но это уже будет 4-х полосным:

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

А этот код работает только в .navbar и только в мобильном разрешение экрана:

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

Как получить 3-х полосную иконку что бы я его мог использовать в любом месте и в любом разрешение экрана?

Answer 1

[Sanes]

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

Comments

[Mokhirjon Naimov]

Во черт да они весят 700 килотонн... да не это не решение

[Mokhirjon Naimov]

Сори, может есть решение с минимальными затратами?

[Sanes]

Mokhirzon Naimov: а если убрать родные? то получится так же.

[littleguga]

Mokhirzon Naimov: fontello.com - там соберите шрифт, который Вам нужен

[Mokhirjon Naimov]

littleguga спасибо помог, извини но в тостере недостаточно функционала чтобы выбрать твой ответ решением (то есть комментарии)...

[littleguga]

Mokhirzon Naimov: не за что :)

Answer 2

[Евгений Перин]

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