BootstrapのGlyphiconがすごく便利で感動した

ちょっと横道。

サイトを作るうえで、ちょっとしたアクセントとしてアイコン画像を入れようと思ったら、
Bootstrap(3.0.0以降)に標準で用意されていた。
しかも、使い方が簡単でかなり感動したと言う話。

こう言うボタンがあったとする。

<button type="button" class="btn btn-primary">
  Search
</button>

before

「Search」の前に検索ボタンだとわかるようなアイコンを設定しようとするなら、class指定したspanタグを挿入するだけでいい。

<button type="button" class="btn btn-primary">
  <span class="glyphicon glyphicon-search"></span> Search
</button>

after

 
用意されているアイコンもかなり豊富で、欲しいものはたいていある感じ。

glyphicons

ホントに至れり尽くせりって感じだね。

参考URL:http://getbootstrap.com/components/#glyphicons


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

  1. Redmineの初期設定 | doop said on 2015年10月26日 at 23:08

    […] doop – BootstrapのGlyphiconがすごく便利で感動した […]

トラックバック URL