bootstrap4中自带flex的css类

本文详细介绍了Bootstrap4中采用Flex布局的方式,列举了一系列内置Flex样式的组件,如.navbar、.card等,使得开发者能够更好地理解和应用这些组件,无需额外添加d-flex类即可直接使用justify-content等Flex属性。

bootstrap4采用flex布局,一些css样式默认自带flex。也就是说在使用以下css的时候,不用在添加d-flex来定义flex,可以直接在里边添加flex属性(justify-content等)。

.row

.form-row
.form-inline
.form-inline .form-group
.form-inline .form-check

.btn-toolbar
.input-group
.input-group > .custom-file
.input-group-prepend
.input-group-append
.input-group-text

.nav
.navbar
.navbar > .container
.navbar > .container-fluid
.navbar-nav

.card
.card-deck
.card-group

.breadcrumb
.pagination

.progress
.progress-bar

.media

.list-group

.modal-dialog-centered
.modal-content
.modal-header
.modal-footer

.carousel-control-prev
.carousel-control-next
.carousel-indicators

转载于:https://www.cnblogs.com/chrisbao/p/9133250.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值