Bootstrapの基本(3) – GridSystemを上手に使ってギャラリー風ページを作る方法
BootstrapのGridSystemと、imgタグに”img-responsive”クラスの組み合わせで、次のようなギャラリー風ページを、結構シンプルな方法で書けます。 先に完成例を見てみます。 ▼Largeサイズ（lg）の場合は6列表示 ▼Mediumサイズ（md）の場合は4列表示 ▼Smallサイズ（sm）の場合は3列表示 ▼Extra Smallサイズ（xs）は2列表示 GridSystemでは、「12 ÷ 表示したい列数」を指定します。 Largeサイズの時は6列表示 … 12 ÷ 6 = 2 … col-lg-2 Mediumサイズの時は4列表示 … 12 ÷ 4 = 3 … col-md-3 Smallサイズの時は3列表示 … 12 ÷ 3 = 4 … col-sm-4 Extra Smallサイズの時は2列表示 … 12 ÷ 2 = 6 … col-xs-6 という感じで
AviaSlider - a unique jQuery Image slideshow plugin!
Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
