bootstrap 3 模态框 自动打开滚动条

可以通过在模态框的样式中添加 `overflow-y: auto;` 来实现自动打开滚动条。具体的实现方法如下：

在模态框的样式中添加以下代码：

.modal-dialog {
    overflow-y: auto;
}

这样就能够自动打开滚动条了。同时，如果需要在模态框的内容超出模态框的高度时才出现滚动条，可以将 `auto` 改为 `scroll`，代码如下：

.modal-dialog {
    overflow-y: scroll;
}

相关问题

bootstrap3模态框关闭滚动条

要关闭Bootstrap 3模态框后面的滚动条，可以通过以下CSS样式来实现：

.modal-open {
    overflow: hidden;
}

将上面的代码添加到你的CSS文件中，或者将其添加到页面的`<style>`标签中即可。这将防止模态框关闭时页面滚动。

另外，如果你想要在模态框中滚动而不是整个页面滚动，可以在模态框的`<div>`标签中添加`style="overflow-y: scroll;"`属性。这将在模态框内部创建一个滚动条，使你可以在模态框中滚动内容。

bootstrap 3 模态框 滚动条

在 Bootstrap 3 模态框中添加滚动条可以使用以下步骤：

1. 在 CSS 样式中给 `.modal-body` 添加 `max-height` 属性和 `overflow-y` 属性，例如：

.modal-body {
    max-height: 400px;
    overflow-y: auto;
}

2. 将 `max-height` 的值设置成模态框的高度减去标题栏和底部按钮栏的高度，这样可以保证模态框内容超出限定高度时会出现滚动条。

以下是一个示例代码：

<div class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Modal Title</h4>
            </div>
            <div class="modal-body" style="max-height: 400px; overflow-y: auto;">
                <!-- Modal Body Content -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

通过以上方法，你可以在 Bootstrap 3 模态框中添加滚动条，并且可以控制滚动条的最大高度。