Bootstrapのcardを使ってコンテンツを並べていますが、現在はコンテンツのテキスト量によって高さがまちまちになってしまうので、高さをそろえたいです。
https://dot-blog.jp/news/bootstrap4-card-deck-width-adjustment/
↑こちらを参考に、cardのdivにh-100をセットしましたがうまく行きません…
つながってしまいました…
以下、htmlです。アドバイスいただけますと幸いです。
html
<div id="wrapper"> <div class="mt-4 mb-4"> <h1 class="HalfSingle"><i class="fas fa-book-open h1-icon fa-fw"></i> シナリオ一覧</h1> </div> <div> <button type="button" onclick="location.href='add.php'" class="btn btn-add">新規作成</button> </div> <div class="error" id="result"></div> <div class="card-deck"> <div class="row p-3 row-eq-height"> <?php if($rec): foreach($rec as $rec_one):?> <div class="col-md-4"> <div class="mt-4 mb-4 card border-0 h-100"> <div class="p-3"> <a href="edit.php?id=<?php h($rec_one["id"]); ?>" class="card-body"> <h5 class="card-title"><?php h($rec_one["name"]) ?></h5> <h6 class="card-subtitle mb-2 mt-4 text-muted">[更新]<?php h($rec_one["updated_at"]) ?></h6> <p class="card-text"><?php h($rec_one["memo"]) ?></p> </a> </div> </div> </div> <?php endforeach; endif; ?> </div> </div> </div>
ちなみに、bootstrapは
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> を使用しております。回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/16 03:47