より大きいグリフコン

Question

どのように私はより大きいグリフィコンを（2.3.xではなく）ツイッターブートストラップ3.0で作るのですか？

このコードは、私のglyphiconsが大きくなります。のみスパンを使用している間

<button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-th-list"> 
    </span> 
</button> 

にはどうすればBTN-LGクラスを使用してせずに、このサイズを得ることができますか？

これは小さなglyphicon与える：

<span class="glyphicon glyphicon-link"></span> 

Answer 1

あなたは自分の好みに合わせてglyphiconにフォントサイズを与えることができます：

span.glyphicon-link { 
    font-size: 1.2em; 
} 

Answer 2

.btn-lgクラスはブートストラップ3に以下のCSSを持っているが（link ）：

.btn-lg { 
    padding: 10px 16px; 
    font-size: 18px; 
    line-height: 1.33; 
    border-radius: 6px; 
} 

同じものを適用すると（.glyphicon-linkまたは複数のインスタンスでこのエフェクトを使用する場合は新しく作成された.glyphicons-lgのいずれか）には、大きなボタンと同じサイズのグリフコンが表示されます。ここで

Answer 3

は、私はそれを行う方法は次のとおりです。

<span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span> 

これは、あなたがその場でサイズを変更することができます。 CSSを変更してすべてに適用するのではなく、サイズを変更する特別な要件に最適です。

Answer 4

私の場合、はbuttonであり、このbuttonは、その容器より少し大きかった。だから私はグリフコンのためにfont-size:95%を与えただけで解決されました。

<div class="input-group"> 
    <input type="text" class="form-control" id="pesquisarinbox" placeholder="Pesquisar na Caixa de Entrada"> 
    <div class="input-group-btn"> 
     <button class="btn btn-default" type="button"> 
      <span class="glyphicon glyphicon-search" style="font-size:95%;"></span> 
     </button> 
    </div> 
</div> 

Answer 5

<button class="btn btn-default glyphicon glyphicon-plus fa-2x" type="button"> 
 
</button> 
 

 
<!--fa-2x , fa-3x , fa-4x ... --> 
 
<button class="btn btn-default glyphicon glyphicon-plus fa-3x" type="button"> 
 
</button>

Answer 6

ブートストラップ3を使用している場合は、タグを使用して、この<small><span class="glyphicon glyphicon-send"></span></small>ようですが、あなたも、より多くのサイズを設定するために、複数の<small>のタグを使用することができますブートストラップ3
のための完璧な作品小さい。
コード：
<small><small><span class="glyphicon glyphicon-send"></span></small></small>

Answer 7

が<h1>か<h2>であなたの<span>を書く：

<h1> <span class="glyphicon glyphicon-th-list"></span></h1>