CSSベースのかっこいいボタンがぱっと簡単に作成できるオンラインサービス -Twitter Bootstrap Button Generator

Post on:2012年5月22日

sponsors

Twitter Bootstrapをベースにしたボタンを簡単に作成できるオンラインジェネレーターを紹介します。

[ad#ad-2]

使い方は簡単で左のパネルで、ボタンのテキスト、サイズ・カラー・タイプなどを選択するとリアルタイムにボタンを生成します。

ボタンのテキストは日本語でももちろん平気です。

生成したボタンとコード

ページに実装する際は、生成されたコードとTwitter Bootstrapを用意します。

<link href="css/bootstrap.min.css" rel="stylesheet">

<a href="#" class="btn btn-danger"><i class="icon-white icon-heart"></i> ボタン</a>

[ad#ad-2]

※アイコンを使用する場合は、Twitter Bootstrapのimgフォルダも必要です。
アイコンは下記のものが利用できます。

Twitter Bootstrapで利用できるアイコン一覧