Bootstrap, боковая панель не отвечает

Я использую twitter bootstrap для моего проекта, и я размещаю боковую панель с правой стороны, но когда я меняю разрешение, оно не будет таким же, как и другое разрешение. Здесь и прикрепите два снимка экрана для разрешения 1024 и 1366, оба имеют 768 (1024 x 768 и 1366 x 768). а также я скопирую код css для этого. (Основной код очень сложно, так что я не смог поставить его на jsfiddle)Bootstrap, боковая панель не отвечает

.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; 
}

Я использую правильно: 9% для установленной с правой стороны позиции.

1024 х 768

enter image description here

1366 * 768 (Это правильно, я хочу это в резолюции 1024)

enter image description here

источник

2013-08-22 Shivam Pandya

Обязательно добавьте идентификатор класса или идентификатора на ваш css. – janharold

Я новичок в CSS и конструирую в HTML, Можете ли вы рассказать мне, как это сделать? –

В настоящее время в качестве показа вашего кода вы используете класс без '.' или '#'. Не забудьте добавить его. '.catlogspanel {}' – janharold

Вы отсутствует класс или идентификатор идентификатор в catlogsidepanel. Он должен быть либо .catlogsidepanel, либо #catlogsidepanel.

источник

2013-08-22 10:56:45

Нет, я только для CSS, для этого нет jquery. –

@shivam pandya вы пропустили. или # в вашем css для catlogsidepanel .. –

Нет. Я копирую этот код из консоли Google Chrome, поэтому он хочет отображать, но все готово. –

Bootstrap, боковая панель не отвечает

ответ

Смежные вопросы