はじめに
最近、bootstrapにハマってます。
クラスを書くだけで簡単にそこそこのデザインが作れちゃう。
Twitter様、ありがとうございます。
ところで、APIの件はどうなるんでしょうね....
有料化は嫌です。
閑話休題、hidden-smは動きません。
この前、レスポンシブサイトを作っていた時のこと。
レイアウトの関係で、スマホでは表示したくない<div>がありました。
調べてみると、どうやらhidden-smをクラスに追加すれば良いとのこと。
コードに追加して、動かしてみるも何も変化なし。
CDNに変えてみたり、内部に書き込んでみたり、いろいろ試しましたが、変化はありませんでした。
d-none d-sm-blockを使おう
どうやら、bootstrap4でhidden-smは廃止されたようです。
代わりに使えるのが、
.d-none.d-sm-block
の二つのクラス。
これをつけることで、スマートフォンで表示しないようにできます。
なお、スマホのみ表示する場合は
.d-block.d-sm-none
らしいです。
終わり。