Bootstrap4で<br class="visible-md">の実装方法

Question

お世話になっております。
初心者の質問失礼します。

件名の通り
Bootstrapで767px~991pxのみ改行コードを入れたい場合の表記方法
を伺ってよろしいでしょうか？

グーグルで調査したところ
https://webnetamemo.com/coding/bootstrap4/201710015697
と

表示クラス.visible-*はなくなりました。非表示クラスは.hidden-* から .d-*-noneに変更になりました。

とあるため
実装方法が不明なので困っています……

なぜTwiter社はvisible-**を消したのでしょう……

どなたかこのように実装した等情報がございましたらお教え頂けますようよろしくお願い申し上げます。

以上　お問い合わせいたします。

Answer 1

visibleはその性質上、表示した後のdisplay値が必要ということもあって、d-（幅）-（display値）に切り替わっています（公式）。

md幅のみ表示したいなら、d-none d-md-（display値） d-lg-noneのような組み合わせとなります。

Comments

[moitaro]

maisumakun様
コメントありがとうございます。
そのdisplay値がよくわからないので困っているのです……

テーブルだったらd-table-md というのは分かるのですが
ddタグで使用したいと思っております。

で上記公式のURLから見つけた
<br class="d-none d-md-block d-lg-none">
で対処しました。

情報ありがとうございました。