Twitter引导程序隐藏了水平滚动

Question

我正在使用http://app.raw.densitydesign.org/#%2F角应用程序，并使用twitter bootstrap作为手风琴。现在，问题是当我添加ui-bootstrap库时，它隐藏了默认的水平滚动功能。没有它，它工作正常。所以任何建议，我怎样才能使它与这个库一起工作。

- 使用0.11.2 ui-bootstrap

由于

Answer 1

您可以使用overflow-x覆盖它。我看不到您给出的链接上的手风琴，但通常您可以通过以下方式应用它：

http://jsfiddle.net/882jof8L/

//CSS
#your-accordion .panel-body {
    overflow-x: scroll;
}

//HTML
<div class="panel-body">
    <table style="width: 1000px;">...</table>
</div>

您可以使用overflow-x：

的属性

overflow-x: visible|hidden|scroll|auto|initial|inherit;

在你的情况下，在bootstrap之后添加样式表可能会有所帮助：

<link rel="stylesheet" href="YOUR_PATH/bootstrap.min.css">
<link rel="stylesheet" href="YOUR_PATH/YOUR_STYLE_SHEET.css">

样式按浏览器读取的顺序应用。这意味着样式表顶部显示的样式将被最后一个更改。

例如，以下样式会将段落显示为黑色：

p { color: red; }
p { color: black; }

或者您可以使用以下命令强制浏览器显示滚动：

overflow-x: scroll !important;

重要的是什么：

无论CSS文档中出现该规则的位置，都将始终应用具有！important指令的CSS规则。