您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Bootstrap 4阶砌体式列卡水平而不是垂直

Bootstrap 4阶砌体式列卡水平而不是垂直

CSS列的顺序是从上到下,然后是从左到右,因此呈现的列的顺序是。

1  3  5
2  4  6

无法更改CSS列的顺序。建议您使用其他解决方案,

同样,启用flex@R_16_2419@也无济于事,因为Bootstrapcard-deck使用CSS列(不是flex@R_16_2419@)来实现砌体效果。但是,您可以将card-deckandflex@R_16_2419@用于等高卡 :

另一种选择是将网格与flex@R_16_2419@一起使用,而不是card-deck

您可以使用新d-flex类消除多余的CSS:

<div class="col-sm-4 d-flex pb-3">
    <div class="card card-block">
        Card. I'm just a simple card-block.
    </div>
</div>
其他 2022/1/1 18:15:55 有459人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶