簡體   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