Bootstrap: come abilitare le barre di scorrimento?

Question

Io uso Twitter Bootstrap in uno dei miei progetti, ma ho il problema che il mio contenuto esce dalla visualizzazione del browser. Normalmente vedi la barra di scorrimento sul lato destro dello schermo, ma non nel mio caso. Ho cercato nel file cst bootstrap dopo overflow: hidden; o qualcosa del genere e cancellato, ma questo non risolveva il problema.

Qualcuno sa abilitare la barra di scorrimento in cst di bootstrap? (Senza css bootstrap le barre sono indicate)

edit:

devo scoprire che il problema della navbar-fixed nella barra di navigazione nera che è possibile aggiungere. Senza postition: fixed funziona correttamente.

Answer 1

ho trovato rimuovendo il "position: fixed" per la barra di navigazione risolto questo problema per me:

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

questo ragazzo ha anche altre informazioni utili: 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> 

Spero che questo è quello che stai cercando

Answer 3

Assicurarsi che tutti gli <div> dalla barra di navigazione siano chiusi. In caso contrario, la proprietà fissa viene ereditata dai tag discendenti e le barre di scorrimento scompaiono.

Answer 4

Manca una chiusura </div> nel codice HTML. Per ogni <div class="foobar"> è necessario avere una chiusura </div>. Questo (problema di scorrimento) può verificarsi quando si utilizza il bootstrap di Twitter e non si chiudono i div.

Answer 5

Sovrascrivi con l'ultimo foglio di stile.
(Probabilmente il tuo tema foglio di stile.)

html, body { 
    overflow: visible; 
}