前回作成した読書ログ一覧ページにBootstrapでデザインをあてました。
↓デザインをあてた後のページ
参照したサイト一覧
Cards
文字の装飾
関連の過去記事
書いたコード
<a href="new.php" class="btn btn-primary mb-4">読書ログを登録する</a> <main> <?php if (count($reviews) > 0) : ?> <?php foreach ($reviews as $review) : ?> <section class="card shadow-sm mb-3"> <div class="card-body"> <h2 class="title h4"> <?php echo escape($review['title']); ?> </h2> <div class="small mb-3"> <?php echo escape($review['author']); ?> / <?php echo escape($review['status']); ?> / <?php echo escape($review['score']); ?>点 </div> <p> <?php echo nl2br(escape($review['summary'])); ?> </p> </div> </section> <?php endforeach; ?> <?php else : ?> <p>読書情報が登録されていません。</p> <?php endif; ?> </main>