繁体   English   中英

引导程序,边栏无响应

[英]Bootstrap, Sidebar Not Responsive

我在项目中使用了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分辨率)

在此处输入图片说明

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM