結論: 改行したい箇所に<br class="d-lg-none">
を入れるだけ
<p>
テキストテキストテキストテキストテキストテキストテキスト<br class="d-lg-none">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</p>
解説
d-lg-none
は「lg以上ならdisplay: noneにするよ」という意味。
モバイル幅ときはbrがそのまま適用され、lg幅(PC表示幅)に差し掛かるとbrタグにdisplay: noneが適用され、無効になる。
結果、モバイル表示では改行され、PC表示では改行されなくなる。
逆に、PCのときだけ改行したいときは?
下記のようにすればOK。
<p>
テキストテキストテキストテキストテキストテキストテキスト<br class="d-none d-lg-inline">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</p>
これで稀によくある、クライアントからの「ここに改行いれて!」も安心だね!(白目)