ブートストラップでアイコンを大きくする方法

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>