bootstrap弹出模态框 全屏
时间: 2023-08-31 15:04:53 浏览: 209
要让 Bootstrap 弹出的模态框全屏显示,可以使用以下方式:
1. 设置模态框的样式为全屏:
```html
<div class="modal fullscreen-modal">
<!-- 模态框内容 -->
</div>
```
```css
.fullscreen-modal {
margin: 0;
width: 100%;
height: 100%;
}
```
2. 使用 JavaScript 在模态框弹出时添加全屏样式:
```javascript
$('#myModal').on('shown.bs.modal', function () {
$(this).addClass('fullscreen-modal');
});
```
```css
.fullscreen-modal {
margin: 0;
width: 100%;
height: 100%;
}
```
其中 `#myModal` 是模态框的 ID,需要根据实际情况进行替换。
阅读全文