質問: ### やりたいこと 画面サイズに応じてclass名の付与やcarousel呼び出しのjsのオプションなどでcarouselスライダーの有効・無効を切り分ける方法があったら知りたい。 例:carousel-md-noneというclass名で切り分けが出来る場合 ``` aaa bbb ccc ``` でsm以下はスライダー、md以上は通常のhtmlと言った感じです。 ### 現状 スマホ版をメインで作成しており、carouselを用いてスライダーを作成したのですがPC版のレイアウトではスライダーではなくベタで表示する事になりました。 作りとしては現状jQueryやboostrap関連のファイルは自前のサーバー内の複数サイトで共有しており、出来れば手を加えたくありません。 また、レイアウトとしてはほとんど同じこともありhtml自体も同じものを使用出来る状態で進めたいです。 ### 他の方法で思いついている事 1. javascriptで画面サイズに応じてcarousel用のclassを削除 2. html自体を2種類用意する ### 補足情報 bootstrapは4.3.1、jQueryは3.3.1です。 以上となります。 どうぞよろしくお願い致します。
回答: 条件分岐して`.carousel('dispose')`を使えばカルーセルの動き自体は止められますが、同じhtml構造で画像を並べるcssを書くのがなかなか面倒そうですね。 別々のhtmlを用意し、画面サイズに応じてd-md-noneなどのクラスで表示を切り替えるのがやはり簡単かと思われます。