Bootstrap: как включить полосы прокрутки?
Я использую Twitter Bootstrap в одном из моих проектов, но у меня проблема с тем, что мой контент выходит из представления браузера. Обычно вы видите полосу прокрутки в правой части экрана, но не в моем случае. Я искал файл bootstrap css после overflow: hidden;
или что-то вроде этого и удалил его, но это не решило проблему.
Кто-нибудь знает, как включить прокрутку в bootstrap css? (без бутстрапа css отображаются бары)
изменить:
Я выяснил, что проблема navbar-fixed
в черном навигаторе, которую вы можете добавить. Без postition: fixed
он отлично работает.
Ответы
Ответ 1
Я обнаружил, что удаление "position: fixed" для navbar разрешило эту проблему для меня:
.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
Ответ 2
Убедитесь, что все <div>
из панели навигации закрыты. Если нет, фиксированное свойство наследуется по нисходящим тегам и полосы прокрутки исчезают.
Ответ 3
Отмените его с помощью последней таблицы стилей.
(Возможно, ваша собственная таблица стилей тем.)
html, body {
overflow: visible;
}
Ответ 4
<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>
Надеюсь, это то, что вы ищете
Ответ 5
Вам не хватает закрывающего </div>
в вашем HTML-коде. Для каждого <div class="foobar">
у вас должно быть закрытие </div>
. Эта проблема (прокрутка) может произойти при использовании twitter bootstrap и не закрывать ваши div.