bootstrap模态框如何加滚动条

互联网 19-7-17

在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模态框如何加滚动条的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 滚动条
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:bootstrap如何给div设置边框颜色

相关资讯