ブートストラップ-ボタンのデモ
Bootstrapは、ボタンのスタイルを設定するためのいくつかのオプションを提供します。これらは次の表に要約されています。
| シニア番号 | クラスと説明 |
|---|---|
| 1 | btn デフォルト/標準ボタン。 |
| 2 | btn-primary 視覚的な重みを追加し、一連のボタンの主要なアクションを識別します。 |
| 3 | btn-success 成功または前向きなアクションを示します。 |
| 4 | btn-info 情報アラートメッセージ用のコンテキストボタン。 |
| 5 | btn-warning このアクションには注意が必要であることを示します。 |
| 6 | btn-danger 危険または潜在的に否定的な行動を示します。 |
| 7 | btn-link ボタンの動作を維持しながら、ボタンをリンクのように見せることで、ボタンの強調を解除します。 |
| 例 | 説明 | ダウンロードリンク |
|---|---|---|
| IOSボタン | この例は、Bootstrapのボタン構造について示しています | ダウンロード |
| 画像ボタン | この例は、Bootstrapの画像ボタンの構造について示しています | ダウンロード |
| シャドウボタン | この例は、Bootstrapのシャドウボタン構造について示しています | ダウンロード |
| サインアップボタン | この例は、Bootstrapのサインアップボタンの構造について示しています | ダウンロード |