Bootstrap nasıl daha büyük bir simge yapmak

Question

Üzgünüm çocuklar sadece basit bir soru, bir ikon var, bootstrap daha büyük yapmak için nasıl merak ediyordum.

html:

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

arama daha büyük ikon büyük yapmak isteyen.

Answer 1

Sadece font-size özelliğini kullanın.

.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>