Bootstrap-responsive-demo
提供:Dev Guides
ブートストラップ-レスポンシブデモ
Bootstrapは、モバイルフレンドリーな開発を高速化するためのいくつかのヘルパークラスを提供します。 これらは、メディアクエリを介してデバイスごとにコンテンツを表示および非表示にするために使用でき、大規模、小規模、および中規模のデバイスと組み合わせることができます。
これらは控えめに使用し、同じサイトのまったく異なるバージョンを作成しないでください。 現在、レスポンシブユーティリティはブロックとテーブルの切り替えにのみ使用可能です。
Classes | Devices |
---|---|
.visible-xs | Extra small (less than 768px) visible |
.visible-sm | Small (up to 768 px) visible |
.visible-md | Medium (768 px to 991 px) visible |
.visible-lg | Larger (992 px and above) visible |
.hidden-xs | Extra small (less than 768px) hidden |
.hidden-sm | Small (up to 768 px) hidden |
.hidden-md | Medium (768 px to 991 px) hidden |
.hidden-lg | Larger (992 px and above) hidden |
Example | Description | Download link |
---|---|---|
Card Responsive | This example indicates about Card structure in Bootstrap | Download |
simple Testimonials | This example indicates about Testimonials structure in Bootstrap | Download |
Video grid | This example indicates about Grid Video structure in Bootstrap | Download |
Banner image | This example indicates about Banner Image structure in Bootstrap | Download |
Carousel with face indicators | This example indicates about Carousel with face indicators structure in Bootstrap | Download |