家にローテーブルしかなく、あぐらスタイルに疲れ、イスに座って作業したくなってきた犬吉です。CSS編の4記事目です。images画像を、レスポンシブにするには.img-responsiveをつける。ブラウザサイズに合わせて伸縮します。shapes画像に以下のクラスをつける。classesあると便利なclass郡。colors色付きテキスト用のclass。リンクにも適用できる。backgroundsテキストの背景に、色をつける。icon.closeをつけるとバツ印のアイコンが表示される。aria-hidden="true">&times;バツ印</span></button>Carets.caretで下向き三角アイコンが表示される。floats.pull-leftと.pull-rightで左と右にfloat。内部で!importantが指定してあるので、優先順位がこんがらがった時に使う。blocks.center-block。中央寄せのclass。auto;と指定してあるだけのclass。ミックスイン用って感じ。Clearfix.clearfixでclearfixになるよ。なんか説明として変だね。contentコンテンツの表示・非表示を切り替える際に使うclass。.showで表示、.hiddenで非表示(存在ごと消える)、.invisibleで非表示(存在はある)。content.skip-navigationは、スクリーンリーダー用のclass。スクリーンリーダーってhtmlをたどってを上から順に読み上げるだけだから、聞きたくないナビゲーション部分の読み上げをスキップしたい方のためのclass。href="#content">コンテンツ部分までスキップします</a>内容としては、.sr-onlyと.sr-only-focusableを合わせて書いても同じ。replacement.text-hideは、テキストが非表示になる。いわゆる画像置換用のクラス。見た目上はcssでの背景画像だけにしたいって時に使う。