Я хотел бы увеличить глобус-глификон, чтобы он занимал большую часть страницы (это векторное изображение). Это не кнопка или что-нибудь; это просто один Есть ли способ сделать это?
<div class = "jumbotron">
<span class="glyphicon glyphicon-globe"></span>
</div>
html
css
twitter-bootstrap
glyphicons
CoderBryan
источник
источник
Ответы:
Увеличьте размер шрифта,
glyphicon
чтобы увеличить размер всех значков.Для нацеливания только на один значок,
источник
text-center
на div.!important;
к размеру шрифта, чтобы переопределить boostrap CSS.У Fontawesome есть идеальное решение для этого.
Я реализовал то же самое. просто в вашем основном файле .css добавить это
В вашем примере вы просто должны это сделать.
источник
Если вы используете bootstrap и font-awesome, то это легко, не нужно писать ни единой строки нового кода, просто добавьте fa-Nx настолько большой, насколько вам нужно, см. Демонстрацию
источник
Да, и в принципе вы также можете использовать встроенный стиль:
источник
попробуйте использовать заголовок, не нужно дополнительных CSS
источник
Например, добавить класс:
БТН-LG - БОЛЬШОЙ
btn-sm - МАЛЕНЬКИЙ
btn-xs - очень маленький
Ссылка Bootstrap: Glyphicons Bootstrap
источник
Для этого я использовал классы заголовков начальной загрузки ("h1", "h2" и т. Д.). Таким образом, вы получаете все преимущества стиля без использования фактических тегов. Вот пример:
<div class="h3"><span class="glyphicon glyphicon-tags" aria-hidden="true"></span></div>
источник