Bootstrap, как сделать значок больше

Вопрос: Извините, ребята просто вопрос, получил значок, задавался вопросом, как сделать его больше в бутстрапе. HTML: чтобы увеличить размер значка большего размера. Лучший ответ: Просто используйте свойство font-size. .square1:hover{ font-size:2em; } Ответ №1 div

Вопрос:

Извините, ребята просто вопрос, получил значок, задавался вопросом, как сделать его больше в бутстрапе.

HTML:

<div class=»square1″> <a href=»#»> <span class=»glyphicon glyphicon-search»></span> </a> </div>

чтобы увеличить размер значка большего размера.

Лучший ответ:

Просто используйте свойство font-size.

.square1:hover{ font-size:2em; }<link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css»/> <div class=»square1″> <a href=»#»> <span class=»glyphicon glyphicon-search»></span> </a> </div>Ответ №1div { margin: 1em; outline: 1px dotted red; } a { display: inline-block; padding: .5em; transition: transform .5s linear; } a:hover{ transform: scale(2); }<link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css»/> <div class=»square1″> <a href=»#»> <span class=»glyphicon glyphicon-search»></span> </a><a href=»#»> <span class=»glyphicon glyphicon-search»></span> </a><a href=»#»> <span class=»glyphicon glyphicon-search»></span> </a> </div>

Оцените статью
Добавить комментарий