html - 配置を台無しにすることなく、twitter-bootstrap サイトの fontawesome グリフ アイコンのサイズを小さくするにはどうすればよいですか?

Question

工事中の次の Web ページでは、左上の会社名の横に白いボックスが表示されます。

これは Twitter ブートストラップ ベースのサイトで、FontAwesome の白いボックスの「グリフ アイコン」です。アイコンが会社名と一致しなくなることなく、白いボックスのサイズを縮小することはできないようです (おそらく 25% 程度が望ましいでしょう)。サイトの「ソースを表示」して、正しいコード変更を判断できるかどうかを確認していただけますか?

Answer 1

これがあなたの問題の解決策です。custom.css ファイルの .navbar .brand クラスに 8px を追加line-height: 28px;して変更します。padding-topそして、次のcssを追加します

.navbar .brand .icon-sign-blank
{
font-size: 75%;
padding-bottom: 4px;
display: inline-table;
vertical-align: bottom;
}

custom.css ファイルで。fontawesome アイコンをブランド名のベースラインに揃えます。あなたが直面している問題を解決するのに役立つことを願っています.