画像

画像は<div>タグで記述します。自動的に<img>タグに書き換えられます。

Extra Small サイズ

<img class="img-xs" data-src="/images/d/dummy-{width}{pixel_ratio}.png" data-alt="dummy" data-class="img-responsive img-rounded">

Small サイズ

<img class="img-sm" data-src="/images/d/dummy-{width}{pixel_ratio}.png" data-alt="dummy" data-class="img-responsive img-rounded">

Medium サイズ

<img class="img-md" data-src="/images/d/dummy-{width}{pixel_ratio}.png" data-alt="dummy" data-class="img-responsive img-rounded">

data-width指定

<img class="img-xs" data-width="100" data-src="/images/d/dummy-{width}{pixel_ratio}.png" data-alt="dummy" data-class="img-responsive img-rounded">

pixel rationのみに利用

<img class="img-xs" data-width="100" data-src="/images/d/dummy-xs{pixel_ratio}.png" data-alt="dummy" data-class="img-responsive img-rounded">

4カラム

3カラム

2カラム

1カラム