テキストの位置揃えと折り返しを定める - Bootstrapのチュートリアル

このレッスンではテキストの位置揃えと 文の折り返しを定めます。 まずは位置揃えの方なんですけど テキストが書いてありますが 全部左揃えです。 この揃えを変えてみようと ということなんですけど まず最初の３つ、 パラグラフですね。 がここに書いてありますが すべて基本的に p 要素です。 それに対してクラスを 順番に定めていきます。 左揃えということなんですが デフォルトが左揃えですから 特に変化はないんですけど クラスは用意されていて text-left ということになります。 もちろん変わりませんね。 では次です。 今度は２番目の p 要素、 パラグラフですけど class、text- の center capitalize もありますけど center の方ですね。 そうすると中央になります。 それから次は右揃えですね。 class の同様に text-right ということで 右に揃えます。 この class の text-right これを後のパラグラフの方に コピーすることにしましょう。 パラグラフが ４つあるんですけど １・２・３・４つですね。 これをコピーして そしてペーストですね。 ［ペースト］ ［ペースト］ ［ペースト］ ４つ目 全部右揃えになりました。 Bootstrap は レスポンシブに対応していますので ウィンドウの幅によって このスタイルを変えるということが可能です。 ここではウィンドウの幅によって 右揃え、そしてそれ以外の幅の場合には デフォルトに戻る ということにしたいと思います。 その場合にまずは ウィンドウの幅が狭い場合ということなので -smを真ん中にいれます。 上も見ても変わっていませんね。 幅が広いですから。 次に sm よりも もう１つ大きいんですけど md、medium です、 中くらい。 次が大体想像つくでしょうけど large ですね、lg。 その上がありまして これは洋服でも一緒ですね。 extra large ということになります。 でも基本的には全部 右揃えになっていますね。 これは１回保存してブラウザーで 確かめた方がいいでしょう。 ［ファイル］＞［保存］して そして Dreamweaver では ［リアルタイムプレビュー］と いう機能がありまして、Google Chrome で 確認することにします。…