Bootstrap用のさまざまなスタイルのボタンを確認しながら簡単に作成できる -BootsButton

Bootstrap用のさまざまなスタイルのボタンを確認しながら作成し、コードを生成してくれるオンラインサービスを紹介します。
日本語のボタンももちろん作成できますよ。

サイトのキャプチャ

使い方は簡単です。
まずは、サイトにアクセスします。

サイトのキャプチャ

BootsButton

ボタンのスタイルを選択するとすぐにプレビューのボタンが変更されます。

サイトのキャプチャ

HTML

カラーに「primary」、ラベルに「ぼたん」で作成。

<a href="#" class="btn btn-primary btn-large">ぼたん</a>

アイコン付きのボタンも用意されています。

サイトのキャプチャ

HTML

カラーに「info」、アイコンに「いいね」風のやつで作成。

<a href="#" class="btn btn-info btn-large"><i class="icon-thumbs-up"></i> ぼたん</a>

ボタンを利用するには、Bootstrapが必要です。

top of page

©2017 coliss