ちょっと横道。

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

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

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

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

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

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

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

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

Tweet