我试图在一些CSS上工作,我正在使用Bootstrap和组件"卡"
当你将它们放在一个名为"卡片组"的课程中时,你可以将它们分组到同一个高度.但是当一个比另一个长时,卡中的实际页脚本身不会对齐卡的底部.
有没有办法在较短的卡片上轻松强制页脚到底部？
.row {
padding-top: 50px;
}<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="card-deck-wrapper">
<div class="card-deck">
<div class="card text-xs-center">
<div class="card-header">
Featured
</div>
<div class="card-block">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer text-muted">
2 days ago
</div>
</div>
<div class="card text-xs-center">
<div class="card-header">
Featured
</div>
<div class="card-block">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">Aenean lacinia bibendum nulla …