ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップでアイコンのサイズを設定する方法

ブートストラップでアイコンのサイズを設定する方法

リリース: 2019-07-19 14:34:50
オリジナル
8470 人が閲覧しました

ブートストラップでアイコンのサイズを設定する方法

bootstrap はアイコンのサイズを設定します:

コードは次のとおりです:

<div class="row"><span class="glyphicon glyphicon-headphones logo"></span></div>
<div class="row"><span class="glyphicon glyphicon-map-marker logo"></span></div>
<div class="row"><span class="glyphicon glyphicon-fire logo"></span></div>
ログイン後にコピー

設定方法についてアイコンのサイズは、font_size を使用して設定できます。
私はここにスタイルを書き、

#
.logo{
        color: #f4511e;
	font-size: 60px;
}
ログイン後にコピー

効果は次のとおりです:

ブートストラップでアイコンのサイズを設定する方法

#font_size の使用例:

p { font-style: normal; }
p { font-size: 12px; }
p { font-size: 20%; }
ログイン後にコピー
Bootstrap に関連する技術的な記事については、

Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップでアイコンのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート