card-p4

pattern4.html

<!-- 4.カードグループ
****************************************************************************************************
<div class="card-group"></div>内にグループ化したいカード群を入れるだけ。
****************************************************************************************************
-->
<div class="card-group mb-3">
    <div class="card" style="width: 18rem">
        <img src="images/img1.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Card Title</h5>
            <p>ここに写真の説明などを記載します。これは例えば作品集の一部を写真で示しておいて、下のリンクから作品集ページに飛んでもらうような仕掛けを作ることができます。</p>
            <a class="btn btn-primary" href="#">Details</a>
        </div>
    </div>
    <div class="card" style="width: 18rem">
        <img src="images/img4.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Card Title</h5>
            <p>ここに写真の説明などを記載します。これは例えば作品集の一部を写真で示しておいて、下のリンクから作品集ページに飛んでもらうような仕掛けを作ることができます。</p>
            <a class="btn btn-primary" href="#">Details</a>
        </div>
    </div>
    <div class="card" style="width: 18rem">
        <img src="images/img5.jpg" class="card-img-top">
        <div class="card-body">
            <h5 class="card-title">Card Title</h5>
            <p>ここに写真の説明などを記載します。これは例えば作品集の一部を写真で示しておいて、下のリンクから作品集ページに飛んでもらうような仕掛けを作ることができます。</p>
            <a class="btn btn-primary" href="#">Details</a>
        </div>
    </div>
</div>