cardのレイアウトを横向きに

This commit is contained in:
eai04191
2019-02-28 00:00:23 +09:00
parent 579bd3e31f
commit 0ff253cbfb
3 changed files with 28 additions and 7 deletions

View File

@@ -1,9 +1,15 @@
<div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
<div class="card link-card mb-2 px-0 col-12 d-none" style="font-size: small;">
<a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
<img src="" alt="Thumbnail" class="card-img-top bg-secondary">
<div class="card-body">
<h6 class="card-title font-weight-bold">タイトル</h6>
<p class="card-text">コンテンツの説明文</p>
<div class="row no-gutters">
<div class="col-12 col-md-6">
<img src="" alt="Thumbnail" class="card-img-left bg-secondary">
</div>
<div class="col-12 col-md-6">
<div class="card-body">
<h6 class="card-title font-weight-bold">タイトル</h6>
<p class="card-text">コンテンツの説明文</p>
</div>
</div>
</div>
</a>
</div>