如何在bootstrap

Question

当桌面设置为响应时，我想让我的引导表不显示右侧滚动，当屏幕尺寸正常时。我想念这里的任何一步吗？我怎样才能解决这个问题 ？

<div class="table-responsive">              
    <table id="inlist" class="table table-striped table-hover">
        <thead>
            <tr>
                <th>x</th>
                <th>y</th>
                <th>z</th>
            </tr>
        </thead>

        <tbody>
        </tbody>
    </table>
</div>  

这是普通屏幕的图像

Answer 1

打开文字夹，制作新文件，然后输入

#inlist{overflow:hidden; word-wrap:normal | break-word; }

将其另存为（插入名称）.css并将其添加到您的html中。这种方式比在html中拼接更容易。使用css，您可以控制网页中所有内容的样式，并保持html杂乱无章。

Answer 2

只需添加div表响应

即可

<style>
    .table-responsive {
        overflow-x: visible; 
    }
</style>