.w-75 { width: 75% !important; }
カードの幅が親要素の幅の75%になります。
<!-- Sizingユーティリティクラス:w-{%値}による幅指定 --> <div class="card w-75"> <div class="card-body"> <h4 class="card-title">カードの幅指定:w-75</h4> <p class="card-text">カードの幅が親要素の幅の75%になります。</p> <a href="#" class="btn btn-primary">ボタン</a> </div> </div>
<div class="w-25 border">w-25</div> <div class="w-50 border">w-50</div> <div class="w-75 border">w-75</div> <div class="w-100 border">w-100</div>