栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

具有视口列数的Bootstrap 4卡座

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

具有视口列数的Bootstrap 4卡座

更新于2018

如果您想要一个响应式卡片组,请使用可见性实用程序来强制将每X列换行到不同的视口宽度(断点)…

[Bootstrap 4响应 式卡座](v 4.1


Bootstrap 4 alpha 2的原始答案:

您可以 使用网格

col-*-*
来获取不同的宽度(而不是卡片甲板),然后使用flexbox将等高设置为cols。

.row > div[class*='col-'] {  display: flex;  flex:1 0 auto;}

问题在于,没有Flexbox的情况下,很难控制宽度的

card-deck
用途
table-cell
。从Bootstrap 4 Alpha
6开始,flexbox是默认的,因此flexbox不需要其他CSS,并且
h-100

该类可用于使卡全高




转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/506695.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号