相关疑难解决方法(0)

Bootstrap:流体表太宽,不适合窗户

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

这就是右边发生的事情:

表格边框保留在浏览器窗口中,而表格内容则不在.如果我滚动,边框保持原样,它们不会"跟随"浏览器窗口.

你可以在这个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>

Run Code Online (Sandbox Code Playgroud)

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

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

html-table fluid-layout twitter-bootstrap

kso*_*sol

2017 02-05

18
推荐指数

3
解决办法

4万
查看次数