Bootstrap には、チェックボックス、ラジオ ボタン、折りたたみなどの独自の JavaScript バージョンがあります。
ラジオボタンの例:
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" class="btn">Left</button>
<button type="button" class="btn">Middle</button>
<button type="button" class="btn">Right</button>
</div>
JS が有効になっている限り、これはかなり見栄えがします。私は JS が好きですが、NoScriptユーザーでもあり、ページが JS なしでも機能することを望んでいます。
ご覧のとおり、twitter-bootstrap にはフォールバック ソリューションが組み込まれていません。独自のタグを使用したり、JS が有効になっている場合にのみブートストラップ ボタンを表示したりできましたが、ブートストラップがこれを処理できると思っていました。
私が念頭に置いている唯一の解決策は、標準のラジオボタン、チェックボックスなどを使用し、JSが有効になっている場合、それらを上記のようなコードに置き換える/非表示にすることです。
また、折りたたみのようないくつかの単純なものには、少なくとも css3 トランジションで処理するか、少なくともすべてのサブ div を開いて開いたままにするフォールバック ソリューションがないことに失望しました。
JS を使用しないブートストラップのアイデア/解決策はありますか?それとも、「ラジオ ボタンを非表示にし、javascript が有効な場合は boostrap-div を表示/作成する」関数を作成する唯一の解決策ですか?