Takaトラッシュブログ

Bootstrapに慣れるまで時間が必要です

こんなボタンもBootstrap なら簡単に出来ます。

Button Button Button

アイコンフォントも使えるから良いですね。

ボタンの中にもアイコンフォントを入れるとは気が付かなかったです。

アイコンを入れる事を思いつきもしませんでしたけど、オシャレですよね。

そう言えば、ブロガーの更新ボタンにも入っていますね。

いつも見てるのに気が付きませんでした。プレビューとかも同じでしょうね。

Bootstrap には、様々のボタンが標準で揃っています。少しボタンの種類をご紹介します。

ボタンタグ

アウトラインボタン

.btn-outline-*を適用するとアウトラインだけ残し背景色を無くすことが出来ます。

大きなボタン

小さなボタン

.btn-block. を適用すると親要素の幅に合わせることができます。

この他ボタンの状態を変化させ機能させなくしたりすることも可能です。

ほとんどCSSを操作する事が無いのでとても楽で便利です。

突然にボタンが必要になっても、これだけの種類のボタンが標準でありますので、いつでも使えるので安心です。

ボタンの種類はまだまだ多機能のボタンが、たくさん揃っています。

アイコンフォントと合わせたら使い切れないほどです。