Bootstrap 折叠调整大小表

Didi

    <div class="row">
        <div class="col-md-8"> 
            <h3 data-toggle="collapse" data-target="#collapseList" aria-expanded="false" aria-controls="collapseList"> 1 Lecturer List</h3>
            <table class="table table-bordered collapse" id="collapseList">
            <thead>
                <tr>
                    <th>List Id</th>
                    <th>List Name</th>
                    <th>Total Subscribers</th>
                    <th>Action</th>
                    <th>Problems</th>
                </tr>
            </thead>
            <tr>
                <td>a</td>
                <td>abcdefg</td>
                <td>a</td>
                <td>Synchronize</td>
                <td>NOK</td>
            </tr>
            </table>
        </div>
    </div>

当我点击标题标签时,这就是我所拥有的,它出现 1 秒:

在此处输入图片说明

1 秒后,这就是我所拥有的:

在此处输入图片说明

为什么我的桌子在折叠后会调整大小?有没有办法不调整表格的大小?

更新 :

这里有一个JSfiddle,你可以试试看自己有问题https://jsfiddle.net/0zw5a845/

保罗

将以下 CSS 行添加到主样式表。这实质上覆盖了.collapse.in引导样式表选择器。

.collapse.in {display:table}

更新了 JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap调整大小和自动折叠

来自分类Dev

调整屏幕大小时,bootstrap折叠菜单消失

来自分类Dev

当DIV展开/折叠时,动态调整Bootstrap UI模式的大小

来自分类Dev

Bootstrap Popover临时调整表大小

来自分类Dev

Bootstrap Popover临时调整表大小

来自分类Dev

Bootstrap折叠表行

来自分类Dev

Bootstrap折叠表行

来自分类Dev

Bootstrap滑块标题调整大小

来自分类Dev

如何调整Bootstrap DatePicker的大小?

来自分类Dev

调整浏览器大小时,Bootstrap表超出了面板

来自分类Dev

覆盖Bootstrap表的边框折叠样式

来自分类Dev

Bootstrap根据屏幕大小自动调整

来自分类Dev

Bootstrap 3动画列大小调整

来自分类Dev

如何使用Bootstrap调整图像大小

来自分类Dev

Bootstrap输入组调整大小问题

来自分类Dev

调整图像大小的Bootstrap工具提示

来自分类Dev

Bootstrap Carousel无法调整图像大小

来自分类Dev

Bootstrap媒体对象映像的大小调整

来自分类Dev

调整Bootstrap 3表单控件的大小

来自分类Dev

可调整大小的动态Bootstrap列

来自分类Dev

防止导航栏在Bootstrap上调整大小

来自分类Dev

调整大小时Bootstrap列重叠

来自分类Dev

调整大小时修复了Bootstrap登录屏幕

来自分类Dev

调整窗口大小时,Bootstrap Modal 被隐藏

来自分类Dev

bootstrap div 不会逐步调整大小

来自分类Dev

无法根据Bootstrap列大小调整图像大小

来自分类Dev

动态创建的Bootstrap表松散间距调整

来自分类Dev

动态创建的Bootstrap表松散间距调整

来自分类Dev

导航表的内容展开和折叠Bootstrap 4