2012-04-25 2 views
13

Я использую Twitter Bootstrap в одном из моих проектов, но у меня есть проблема с тем, что мой контент выходит из представления браузера. Обычно вы видите полосу прокрутки в правой части экрана, но не в моем случае. Я искал файл bootstrap css после overflow: hidden; или что-то в этом роде и удалил его, но это не решило проблему.Bootstrap: Как включить полосы прокрутки?

Кто-нибудь знает, как включить прокрутку в bootstrap css? (Без самозагрузки КАС, бары показали)

редактировать:

У меня есть узнать, что проблема, с navbar-fixed в черной панели навигации, которые вы можете добавить. Без postition: fixed он отлично работает.

+1

сообщение какой-то код, чтобы мы могли посмотреть, мы не можем диагностировать проблему вслепую. –

+0

Я считаю, что проблема где-то в вашем файле CSS, какой-то код или ссылка на ваш проект были бы полезны, пытались ли вы проверить свой контейнер в Firebug? – Nazariy

+1

http://stackoverflow.com/questions/9997192/twitter-bootstrap-fixed-layout-with-scrollable-sidebar –

ответ

2

я нашел удаления «позицию: фиксированный» для навигационной панели эта проблема решена для меня:

.navbar-fixed-top, .navbar-fixed-bottom { 
    /*position: fixed;*/ 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    margin-bottom: 0; 
} 

Этот парень также имеет еще одна полезная информация: http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

+1

В качестве примечания для всех, в моем случае, я узнал, что у меня «overflow: hidden» в моем стиле тела. Навсегда нашел это. –

1
<style type="text/css"> 
      body, html { 
       height: 100%; 
       overflow: hidden; 
      } 

      .navbar-inner { 
       height: 40px; 
      } 

      .scrollable { 
       height: 100%; 
       overflow: auto; 
      } 

      .max-height { 
       height: 100%; 
      } 

      .no-overflow { 
       overflow: hidden; 
      } 

      .pad40-top { 
       padding-top: 40px; 
      } 
    </style> 

Надежда это то, что вы ищете

15

Убедитесь, что все <div> с навигационной панели закрыты. Если нет, фиксированное свойство наследуется нисходящими тегами, и полосы прокрутки исчезают.

1

Вам не хватает замыкания </div> в вашем HTML-коде. За каждые <div class="foobar"> вы должны иметь закрытие </div>. Эта проблема (прокрутка) может произойти при использовании twitter bootstrap и не закрытия ваших div.

3

Отмените это с помощью последней таблицы стилей.
(Возможно, ваша собственная тема таблицы стилей.)

html, body { 
    overflow: visible; 
} 
+0

Был также вынужден сделать это переполнение: видимое! Важно для класса тела. Удаление позиции: исправлено не работает для меня. –

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