
PCサイトだと改行にいたらない文章量なので気にならない改行位置が、スマホサイトだとどうしても横幅が狭くなるので任意の場所で改行させることで見た目を調整したくなる時に便利です。

【注意】こちらBootstrap3バージョンなので、最新はBootstrap公式サイトをチェックしてください。
▼幅が768px未満の場合にだけ表示
1 |
class="visible-xs-block" |
▼幅が768px未満の場合にだけ非表示
1 |
class="hidden-xs" |
例:幅が768px未満の場合にだけ改行させるタグ
1 |
<br class=”visible-xs-block”> |