gpt4 book ai didi

twitter-bootstrap - Bootstrap : fluid table too wide for window

转载 作者:行者123 更新时间:2023-12-03 13:10:31 25 4
gpt4 key购买 nike

我正在使用 twitter bootstrap 开发一个项目。我们有一个包含很多列的表格,并且几乎每次都会比浏览器窗口大。

这是右边发生的事情:

The Problem

表格边框保留在浏览器窗口中,而表格内容则不保留。如果我滚动,边框会留在原处,它们不会“跟随”浏览器窗口。

可以看到问题on this jsfiddle .它适用于 Safari,不适用于 Chrome 或 Firefox。

布局是这样的:

<body>
<div class='container-fluid'>
<div class='row-fluid'>
<div class='span1'>
... menusidebar here...
</div>
<div class='span11'>
<table class="table table-striped table-bordered" style="white-space: nowrap">
<thead>
<tr>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>

我希望你能帮助我。如果您需要更多信息,请问,我很乐意提供。

这是一个 Rails 3.2 应用程序,使用 2.2.1.1 版本中的 gem bootstrap-sass(问题也出现在 2.2.2.0 中)。前三个数字反射(reflect)了 Bootstrap 版本。

最佳答案

这是唯一对我有用的解决方案......

。 table {
最大宽度:无;
表格布局:固定;
word-wrap:断词;
}

关于twitter-bootstrap - Bootstrap : fluid table too wide for window,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14725342/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com