ボタンは、ブートストラップボタンの章で紹介されています。ボタンプラグインを使用すると、ボタンステータスの制御や、ツールバーなどの他のコンポーネントのボタングループの作成など、相互作用を追加できます。
プラグインの機能を個別に参照する場合は、Button.jsを参照する必要があります。または、bootstrapプラグインの概要章で述べたように、bootstrap.jsまたはbootstrap.min.jsの圧縮バージョンを参照できます。
1。ローディングステータス
ボタンに読み込みステータスを追加するには、次の例に示すように、データロードテキスト= "ロード..."をその属性としてボタン要素に追加するだけです。
<button id = "fat-btn" data-loading-text = "loading ..." type = "button"> loading status </button> <script> $（function（）{$（ "。btn"）。 }）; }）; </script>2。シングルスイッチ
次の例に示すように、1つのボタンのスイッチをアクティブにするために（つまり、プレス状態のボタンの通常の状態を変更するには、その逆に）ボタン要素にdata-toggle = "ボタン"を追加するだけです。
次のようにコードをコピーします
注：Firefoxページが複数回ロードされると、ボタンはフォームを無効または選択したままにすることができます。解決策は次のとおりです。AutoComplete= "Off"を追加します。
3。ラジオボタン
同様に、Radio Button Groupを作成し、データ属性data-toggle = "Bottons"をBTN-Groupに追加することにより、ラジオボタングループのトグルを追加できます。
<div data-toggle = "bottons"> <label for = "" "> <input type =" radio "name =" sex "autocomplete =" off "checked> male </label> <label for =" "> <入力タイプ="ラジオ "name =" sex "off"> female </label> </div>
4.ボタンをチェックします
チェックボックスグループを作成し、データ属性data-toggle = "bottons"をBTN-Groupに追加して、チェックボックスグループにトグルを追加できます。
<div data-toggle = "bottons"> <label for = ""> <input type = "checkbox" name = "fa" autocomplete = "off" checked> chicked </label> <label for = ""> <input type = "チェックボックス" = "fa" autocomplete = "off"> sports </label = ""> <input " art </label> <label for = ""> <入力タイプ= "チェックボックス" name = "fa" autocomplete = "off"> computer </label> </div>
ボタンプラグインにはボタンメソッドには、トグル、リセット、文字列（読み込み、完了など）の3つのパラメーターがあります。
// data-toggle = "button" $（ 'button'）を置き換えることができます。
ボタンプラグインのいくつかの便利な方法は次のとおりです。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。 Bootstrapの詳細については、トピックを参照してください：Bootstrap Learningチュートリアル