bootstrapで画面縮小時にTabをCollapse(アコーディオン)に切り替えるjs

作成日:
flatlogic/bootstrap-tabcollapse https://github.com/flatlogic/bootstrap-tabcollapse

Bootstrap Tab Collapse plugin. Switches bootstrap tabs component to collapse for small screens - flatlogic/bootstrap-tabcollapse

タブが複数個あると、スマートフォン画面などで表示する際に2段、3段となってレイアウト崩れが発生します。

これを自動でCollapse(読み方がわからない)、所謂アコーディオン効果に切り替えてくれるというjQueryプラグインです。

他にもあったのですが、これは画面を小さく表示した後大きくするとタブが復帰しなくなる症状が出てしまったので☓。

openam/bootstrap-responsive-tabs https://github.com/openam/bootstrap-responsive-tabs

Bootstrap responsive tabs are tabs that switch to collapsible components (accordions) when resized. - openam/bootstrap-responsive-tabs

物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。