Как в бутстрап можно иконки через :before cоntent вставлять?

Question

[Игорь]

Через спан не вариант потому как через js удаляется содержимое.

Через " content:" css как залить?



Руками не предлагать рисовать,интересны возможности самого бутстрапа

Answer 1

[Vladimir Yamshik]

Можно в content:"\e003" пишете код иконки, указываете как font glyphicon.
Код иконки можно посмотреть здесь

Comments

[Игорь]

cgfcb,j ,jkmijt!!!!!!!

[Игорь]

а размер их как указывать?
через width что то у меня не выходит

[Vladimir Yamshik]

Игорь Николаевич: это font же. Тут нужно через font-size

[Игорь]

content:"\e258";

и почему эта иконка у меня не работает?

https://clck.ru/9p8NU
prntscr.com/ap77dr

[Игорь]

.glyphicon-menu-right

[Игорь]

Vladimir Yamshik: в чем там ошибка?

[Vladimir Yamshik]

Игорь Николаевич: на сколько я вижy вы там хотите использовать не glyphicon, а FontAwesome? Если так то код нужно брать отсюда fortawesome.github.io/Font-Awesome/icon

[Vladimir Yamshik]

Игорь Николаевич: там код начинается не с буквы е, а с буквы f. На страницу символа есть его unicode(если что через CTRL+f найдите).

[Игорь]

Vladimir Yamshik: у меня же с буквы е начинается.
content:"\e258";

[Vladimir Yamshik]

Игорь Николаевич: а font-family: 'fontawesome' подключили же?

[Игорь]

Vladimir Yamshik: зачем?
разве они не дефолтные в бутстрапе?

[Vladimir Yamshik]

Игорь Николаевич: я на скриншоте вижу что у класса .icon font-family стоит fontawesome

[Игорь]

Vladimir Yamshik:точно!
блестящий ответ!
заработало.
спасибо!
а вы со kenwheeler.github.io/slick
работали?

prntscr.com/ap7oy5

я не пойму как слайдеру сказать чтобы он контент делал по 100% ширены экрана и по центру?

[Vladimir Yamshik]

Игорь Николаевич: пишите в телеграмм ник qpeela.

[Игорь]

Vladimir Yamshik: вы вообще шикарны)
даже в тг есть)
кулл