Bootstrap4の右寄せCSSクラスはtext-xs-rightに!

 
Pocket

Bootstrap4の右寄せCSSクラスはtext-xs-rightに!

最近Bootstrap4が公開されて、Bootstrap3から乗り換えられた方も多いのではないでしょうか。

2016年1月現在、弊社サイトのフレームワークはBootstrap4を採用しています。
Bootstrap3で使えていたコードが、最新verでは使えないこともあります。

Bootstrap3までのテキスト右寄せ

<p class="text-right">これは右寄せテキストです。これは右寄せテキストです。これは右寄せテキストです。</p>

このようにtext-rightで右寄せにできました。
しかしこのクラスはBootstrap4には対応していません。

Bootstrap4からの右寄せCSSクラス

Bootstrap4ドキュメントシートを確認すると改良されていました!

<p class="text-xs-left">スマホでも左寄せ</p>
<p class="text-xs-center">スマホでも真ん中寄せ</p>
<p class="text-xs-right">スマホでも右寄せ</p>

デモ

スマホでも左寄せ

スマホでも真ん中寄せ

スマホでも右寄せ

ということは、-xs--sm-にするとタブレット以下は寄せを解除できるということですね!

地方で集客するために知っておくべき27の集客方法

色んな広告を試したけど、さんざんな結果だった。どうやって集客していいか分からないという方のために書きました。

実は業態・業種によって集客方法は全然違います。例えば以下の法則を知って居ましたか?

  • LINE@の運用次第で反応率◯%以上になる
  • FAXDMという古典的な方法が通用する業界がある
  • 集客におけるホームページの役割って?

本書では、全業種の集客経験を元に実際の反応率を公開しています。
是非無料でダウンロードして、今後の集客にご活用ください。

Ebookを受け取る