Bootstrap Modal 加滚动条

问题：写模态对话框时，使用Bootstrap 自带的modal样式，滚动条是在遮罩层中，而且模态框的高度是自动的，造成了滚动一直无穷无尽的感觉，界面不是很友好。

方法：重写modal的css样式，设置宽度和高度并加上滚动条

解决：在bootstrap.min.css 文件中，找到

@media (min-width:768px) {

    .modal-dialog {

        width: 600px;

        margin: 30px auto

    }

    .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);

        box-shadow: 0 5px 15px rgba(0,0,0,.5)

    }

    .modal-sm {

        width: 300px

    }

}

其后添加自己的模态框样式

@media (min-width:992px) {

    .modal-chat {

        width: 58.333%;

        height:78.333%;

        overflow:scroll;

        overflow-x:auto;

        overflow-y:auto

    }

}

注：宽度和高度使用百分比可以适配不同的屏幕大小

overflow设置是否要滚动条，删除的话，滚动条存在时会出现在遮罩层中。