bootstrap模态框如何加滚动条

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

bootstrap模态框如何加滚动条

在html文件的<style></style>标签中加上如下代码:

 .modal-dialog {            position: absolute;            top: 0;            bottom: 0;            left: 0;            right: 0;        }         .modal-content {            /*overflow-y: scroll; */            position: absolute;            top: 0;            bottom: 0;            width: 100%;        }         .modal-body {            overflow-y: scroll;            position: absolute;            top: 55px;            bottom: 65px;            width: 100%;        }         .modal-header .close {margin-right: 15px;}         .modal-footer {            position: absolute;            width: 100%;            bottom: 0;        }
登录后复制

然后再打开模态框,可以看到,滚动条已经出现了。

相关推荐:《bootstrap入门教程》

如下图:

以上就是bootstrap模态框如何加滚动条的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:bootstrap有哪些优势
下一篇:块元素如何与行内元素转化

发表评论

关闭广告
关闭广告