bootstrap的弹窗剧中_bootstrap弹窗居中处理
时间: 2023-11-26 09:05:39 浏览: 18
要使 Bootstrap 弹窗居中处理,可以使用以下 CSS:
```
.modal {
text-align: center;
}
.modal:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
```
这将使模态框居中显示。请注意,这只适用于 Bootstrap 3。如果您使用的是 Bootstrap 4,则需要使用以下 CSS:
```
.modal-dialog {
display: flex;
align-items: center;
justify-content: center;
}
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rp](https://img-home.csdnimg.cn/images/20210720083646.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)