TojiTech No Programming, No Life.

Bootstrap v4のmd以下で改行をしたい

@media screen and (max-width: 767.98px) {
	.br::before {
		content: "\A" ;
		white-space: pre ;
	}
}

以前投稿したメディアクエリを使用して、mdサイズ以下の時改行を挟むCSSです。

こんな感じで使います。独自にメディアクエリでサイズ指定しているときでも使えます!

<h1>とても楽しい<span class="br">プログラミング</span></h1>

Profile

Yuki Tojima

RubyやPhp、JavaScriptまわりのことを徒然と記録に残す技術ブログです。

至らぬところもあると思いますが、見守っていただけると幸いです。

記事のリクエストや、間違いなどありましたら X (旧 Twitter) のDMなどでお気軽にご連絡ください。

ytojima @TojiTech
プロフィール画像