/ / Tenendo il mio footer in basso con responsive design usando bootstrap - html, css, twitter-bootstrap

Tenendo il mio footer in basso con responsive design usando bootstrap - html, css, twitter-bootstrap

Come posso mantenere il mio footer nella parte inferiore della pagina anche quando faccio clic sull'interruttore per la sidebar? Il piè di pagina che ho creato è in fondo ma ogni volta che faccio clic sulla barra laterale, si attiva in questo modo

inserisci la descrizione dell'immagine qui

Sto usando bootstrap btw.

risposte:

0 per risposta № 1

Questo è come l'ho fatto. Non sono del tutto soddisfatto del risultato in quanto l'altezza del footer è un numero fisso (preferirei se l'altezza potesse essere dinamica).

<div id="wrapper">
All your contents, div, nav etc go in here
<div id="push"></div> <!--add the push div here -->
</div>
<footer>
</footer>

Il CSS:

#push, footer {
height:100px; /*or whatever height you need */
}

Non sono sicuro di come siano i tuoi codici, quindi posso solo sperare che questo aiuti.


0 per risposta № 2

Penso che tu stia cercando questo: http://getbootstrap.com/2.3.2/examples/sticky-footer.html

È un plugin che rende appiccicoso il tuo footer. È possibile trovare il codice nella cartella degli esempi del download del bootstrap.