Q&A
「横4つくらいにしたい」というのは、col-sm-12のなかでwidth25%でカードを横並びにしたい、ということです。
現在、Ruby on RailsでAPIから取得した検索結果のデータを、一覧表示するページをbootstrapのカードデザインを用いてつくっています。
しかし、デザインが大幅にずれてしまいます。
目指すデザイン的には、作品カードが横に４つ、それが下に続いていく感じです。
どのように修正すればよいのかわからないため、わかる方がいらっしゃれば教えていただけるとありがたいです。
回答2件
0
自己解決
.container .card-deck .row .col-sm-3 .card.h-100
という階層にすれば解決しました。
投稿2020/02/16 09:02
総合スコア46
0
html
1<div class="row"> 2 <div class="card-desk">コンテンツ</div> 3</div>
html
1<div class="row"> 2 <div class="col-sm-4 card-dark">コンテンツ</div> 3</div>
のような感じでcol-sm-4を中に入れないと横4つなどには反映されないと思います。
詳しいグリッドの書き方についてはhttps://qiita.com/akatsuki174/items/53b7367b04ed0b066bbfを参考にしてください。
投稿2020/02/15 04:51
総合スコア395
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。