xxxxxxxxxx
1
<div class="card scroll-cards-height p-3">
2
<div class="row">
3
<div class="col-12 mb-3">
4
<div class="card">
5
<div class="row">
6
<div class="col-6">
7
<div class="view overlay rounded-left">
8
<img class="w-100" src="https://mdbootstrap.com/img/Photos/Others/product1.jpg" alt="Card image cap">
9
<a href="#" target="_blank">
10
<div class="mask rgba-white-slight"></div>
11
</a>
12
</div>
13
</div>
14
<div class="col-6">
15
<div class="card-body pb-0">
16
<h6 class="card-title"><a class="text-danger font-weight-bold">Title</a></h6>
17
<p class="card-text">My description</p>
18
<a href="#" class="stretched-link" target="_blank">Link</a>
19
</div>
20
<div class="card-footer">
21
<span class="float-left">
22
<a class="mr-1" data-toggle="tooltip" data-placement="top" title="Quick Look">
23
<i class="fas fa-clock grey-text"></i>
24
</a>
25
46464
26
</span>
27
</div>
28
</div>
29
</div>
30
</div>
31
</div>
32
<div class="col-12">
33
<div class="card">
34
<div class="row">
35
<div class="col-6">
36
<div class="view overlay rounded-left">
37
<img class="w-100" src="https://mdbootstrap.com/img/Photos/Others/images/43.jpg" alt="Card image cap">
38
<a href="#" target="_blank">
39
<div class="mask rgba-white-slight"></div>
40
</a>
41
</div>
42
</div>
43
<div class="col-6">
44
<div class="card-body pb-0">
45
<h6 class="card-title"><a class="text-danger font-weight-bold">Title</a></h6>
46
<p class="card-text">My description</p>
47
<a href="#" class="stretched-link" target="_blank">Link</a>
48
</div>
49
<div class="card-footer">
50
<span class="float-left">
51
<a class="mr-1" data-toggle="tooltip" data-placement="top" title="Quick Look">
52
<i class="fas fa-clock grey-text"></i>
53
</a>
54
46464
55
</span>
56
</div>
57
</div>
58
</div>
59
</div>
60
</div>
61
</div>
62
</div>
xxxxxxxxxx
1
.card-horizontal {
2
display: flex;
3
flex: 1 1 auto;
4
}
5
6
.scroll-cards-height {
7
position: relative;
8
overflow-y: scroll;
9
height: 400px; }
10
11
/* .card-img-top {
12
height: 20vw;
13
width: 55vw;
14
} */
15
16
.card-footer{
17
/* position:absolute; */
18
bottom:0;
19
border: none;
20
background-color:#FFFFFF;
21
}
1
1
Console errors: 0