[英]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.