ブートストラップでは要素を隠してアコーディオンに置き換えることは可能ですか？

Question

私はモックアップを見せてくれると思っています。デモを見ると、私の言うことが分かります。

私は、このモックアップhttp://i.imgur.com/vjt6XS4.pngに基づいてきたし、要素は、この形式に変更しますようにそれをしたいと思い、スタッフのページにこのスニペットhttp://bootsnipp.com/user/snippets/6nOnrを使用していhttp://i.imgur.com/v0sISnP.png

だから、COL-MDのこの配列を望みます-3行をcol-smで変更し、より小さいサイズを単一のアコーディオンに変更し、h1要素をアコーディオン名に移動させたアコーディオン項目になるように再フォーマットされたカードの内容と置き換えます。

私の主張は、名刺をやや思い起こさせるように、カードスタイルがデザインのやや直感的な方法であると主張したからです。しかし、小さな画面サイズでは画面の不動産が余りにも多くなり、サムネイルや詳細に置き換えられる方が良いでしょう。

申し訳ありませんが、私はこれが理にかなって編集する必要があると感じています。

Answer 1

小さいサイズのアコーディオンを表示および非表示にするには、ブートストラップのutility classesを使用できます。だからあなたは次のようなことをすることができます：