CSS

Foundationで用意されているCSSの説明。

画像

Foundation5では特にクラスの指定はなくてもレスポンシブになります。(Bootstrap3では、.img-responsiveクラスを指定することで画像がレスポンシブになります。)また、Foundation5では画像の形状を変更するようなスタイルは用意されていません。

サムネイル Thumbnails

リンク付きの画像に.th(多分、thumbnailの略)を指定すると角丸枠付きの表示ができます。カーソルを乗せると枠線の色が変化します。
リンクなしでも.thクラスを指定すると枠線が付きますが、カーソルを乗せると枠線の色が変化してしまうので装飾での使用の際には注意してください。


リンク先あり

リンクなし
      <a class="th" href="img/th_sample_big.jpg">
        <img src="img/th_sample.jpg">
      </a>
© 2015 foudation5-guide.com