Как сделать большие глифы в загрузчике Twitter 3.0 (не 2.3.x).
Этот код сделает мои глифы большими:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-th-list">
</span>
</button>
Как я могу получить этот размер без использования класса btn-lg, используя только span?
Это дает небольшой глификон:
<span class="glyphicon glyphicon-link"></span>
Вот как я это делаю:
Это позволяет менять размер на лету. Лучше всего подходит для специальных требований, чтобы изменить размер, а не менять CSS и применять его ко всем.
источник
.btn-lg
Класс имеет следующий CSS в Bootstrap 3 ( ссылка ):Если вы примените то же самое
font-size
иline-height
к своему диапазону (либо.glyphicon-link
к новому, либо к вновь созданному,.glyphicons-lg
если собираетесь использовать этот эффект более чем в одном экземпляре), вы получите глификон того же размера, что и большая кнопка.источник
btn-lg
класса является гораздо более простым вариантом. Хороший ответ!источник
В моем случае я имел
input-group-btn
с собойbutton
, и этоbutton
было немного больше, чем его контейнер. Так что я просто отдалfont-size:95%
за свой глификон, и это было решено.источник
Написать
<span>
в систему<h1>
или<h2>
:источник
Если вы используете загрузчик 3, используйте тег, как это.
<small><span class="glyphicon glyphicon-send"></span></small>
Он отлично работает для Bootstrap 3.Вы можете даже использовать несколько
<small>
тегов, чтобы установить размер меньше.Код:
<small><small><span class="glyphicon glyphicon-send"></span></small></small>
источник