ブートストラップドロップダウンメニューの機能強化

Bootstrapのドロップダウンが本当に好きです。 シンプルで理解可能なセマンティクスのおかげで、レイアウトに簡単に使用できます。

しかし、完全な幸福のために、いくつかの機能が欠けていました。


1.ラジオとチェックボックス


select and select multipleをスタイリングselectためのプラグインはウェブ上に非常に多くありますが、シンプルで普遍的なものが欲しかったので、プロジェクトでBootsrap Dropdown Menusを使用しているので、最小限の労力でこのタスクを実行するように強制しないでください。 どちらが行われ

2.ポジショニング


メニューをボタンの上または中央に配置する必要がある場合があります。 このため、標準の.pull-rightに加えて、新しいクラス.pull-top.pull-center.pull-middleが導入されました。

3.箇条書き


.bulletクラスは、メニューに矢印を追加します。





私はどんなコメント、コメント、追加にも喜んでいます。 ご清聴ありがとうございました。

PS:GitHubのページは英語です。 私は英語があまり得意ではないので、不正確な点や誤りを修正する手助けができればうれしいです。

UPDラジオボタンをクリックしたときにメニューを閉じることを追加しました。メニューを開いたままにする機能を追加しました。このため、ドロップダウンメニューに.nocloseクラスを追加する必要があります(デモを参照)。

Source: https://habr.com/ru/post/J175027/


All Articles