Bootstrap: cómo habilitar barras de desplazamiento?

Question

Uso Twitter Bootstrap en uno de mis proyectos, pero tengo el problema de que mi contenido no está en la vista del navegador. Normalmente verá la barra de desplazamiento en el lado derecho de la pantalla, pero no en mi caso. Busqué en el archivo bootstrap css después de overflow: hidden; o algo así y lo eliminé, pero eso no resolvió el problema.

¿Alguien sabe cómo habilitar la barra de desplazamiento en bootstrap css? (Css y sin arranque de las barras se mostraron)

edición:

tengo descubrir que el problema de la navbar-fixed en la barra de navegación negro que se pueden agregar. Sin postition: fixed funciona bien.

Answer 1

me encontré con la eliminación de la "posición: fijo" de la barra de navegación resuelto este problema para mí:

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

Este individuo también tiene alguna información más útil: http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

Answer 2

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

Hope esto es lo que busca

Answer 3

Asegúrese de que todos los <div> de la barra de navegación estén cerrados. De lo contrario, la propiedad fija es heredada por las etiquetas descendentes y las barras de desplazamiento desaparecen.

Answer 4

Falta un </div> de cierre en su código HTML. Por cada <div class="foobar"> debe tener un cierre </div>. Este (problema de desplazamiento) puede ocurrir al usar Twitter bootstrap y no cerrar sus divs.

Answer 5

Anule con su última hoja de estilo.
(probablemente su propio tema de estilo.)

html, body { 
    overflow: visible; 
}