Bootstrap，侧边栏没有响应答案

【问题标题】：Bootstrap, Sidebar Not ResponsiveBootstrap，侧边栏没有响应
【发布时间】：2013-08-22 19:08:42
【问题描述】：

我为我的项目使用 twitter bootstrap，并将侧边栏放在右侧，但是当我更改分辨率时，它不会与其他分辨率相同。在这里并附上两个分辨率为 1024 和 1366 的屏幕截图，它们都是 768（1024 x 768 和 1366 x 768）。我也为此复制了我的css代码。（主要代码很复杂，jsfiddle上放不下）

    .div.panel
{
    display: none;
    z-index: 3;
    top: 201px;
    right: 9%;
    height: auto;
}
.catlogsidepanel 
{
    width: 300px;
    float: right;
    background: url(../images/bg_sidepannel.png) repeat-y;
    position: absolute;
    margin: 0px 0px 0px 400px;
}

我使用 right: 9% 来设置右侧位置。

1024 x 768

1366 * 768（这是正确的，我想要1024分辨率）

【问题讨论】：

确保在您的 css 上添加一个类或 id 标识符。
我是 CSS 和 HTML 设计的新手，你能告诉我怎么做吗？
目前如您的代码所示，您使用的是不带“.”的类或者 '＃'。确保添加它。 .catlogspanel{ }
@janharold 抱歉，我忘了把它放在我的代码中，但它已经准备好放在我的实际代码中了。
这是一个 ligthbox/overlay（由 JS 点击触发）？此外，它永远不会相同，因为您当前使用的是更改值的浏览器宽度。您应该将其包含在容器中。如果我们看到代码会更好。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

您在 catlogsidepanel 中缺少类或 id 标识符。它应该是.catlogsidepanel 或#catlogsidepanel。

【讨论】：

不，我只使用 CSS，没有 jquery。
没有。我从谷歌浏览器的控制台复制了该代码，以便它显示，但它已经完全输入。