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

Question

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

HTML:

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

ищет, чтобы сделать поиск увеличить значок больше.

Answer 1

Просто используйте 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>

Answer 2

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