小编Dev*_*nsa的帖子

如何制作带有固定宽度卡的卡片组?

我想做出响应张牌使用引导4张固定宽度的卡.在这里,我发布了下面的代码,但它没有响应为什么?

<div class="card-deck">
<div class="card col-lg-2 col-md-3 col-sm-4 col-6" style="max-width: 12rem;">
    <div class="card-body">
        <h4 class="card-title">Title 1</h4>
        <p>Small text here</p>
        <small class="text-muted">3 mins ago</small>
    </div>
</div>
<div class="card col-lg-2 col-md-3 col-sm-4 col-6" style="max-width: 12rem;">
    <div class="card-body">
        <h4 class="card-title">Title 2</h4>
        <p>Small text here</p>
        <small class="text-muted">3 mins ago</small>
    </div>
</div>
<div class="card col-lg-2 col-md-3 col-sm-4 col-6" style="max-width: 12rem;">
    <div class="card-body">
        <h4 class="card-title">Title 3</h4>
        <p>Small text here</p>
        <small class="text-muted">3 mins ago</small>
    </div>
</div>
<div class="card col-lg-2 col-md-3 col-sm-4 col-6" style="max-width: …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap bootstrap-4

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

twitter-bootstrap ×1