简体   繁体   English

引导程序,边栏无响应

[英]Bootstrap, Sidebar Not Responsive

I use twitter bootstrap for my project and I place sidebar at right side, but when I change resolution, it wont come as same as other resolution. 我在项目中使用了twitter bootstrap,并在右侧放置了侧边栏,但是当我更改分辨率时,它不会与其他分辨率相同。 Here and attach two screen shots for resolution 1024 and 1366 both are with 768 (1024 x 768 and 1366 x 768). 在此并附上两个分辨率为1024和1366的屏幕快照,两者均为768(1024 x 768和1366 x 768)。 and also I copy my css code for this. 我也为此复制了我的CSS代码。 (Main code is very complicated so I unable to put it on jsfiddle) (主代码非常复杂,因此我无法将其放在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;
}

I use right: 9% for set right side position. 我使用right:9%用于设置右侧位置。

1024 x 768 1024 x 768

在此处输入图片说明

1366 * 768 (This is correct, I want this in 1024 resolution) 1366 * 768(这是正确的,我想要1024分辨率)

在此处输入图片说明

You are missing class or id identifier in catlogsidepanel . 您在catlogsidepanel中缺少类或ID标识符。 It should be either .catlogsidepanel or #catlogsidepanel . 它应该是.catlogsidepanel#catlogsidepanel

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

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