Testo nel footer Bootstrap allineato al centro

Question

Il piè di pagina nella mia pagina Web è allineato al centro.

<div id="footer"> 
    <div class="container"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

Questo codice funziona perfettamente per altre pagine ma per questa particolare pagina non funziona. Questa pagina contiene un'interfaccia utente fullcalender che ho inserito ma dubito che abbia qualcosa a che fare con il mio problema.

Answer 1

Prova ad aggiungere la classe "text-center" al contenitore. Quindi si finirà con questo:

<div id="footer"> 
    <div class="container text-center"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

Vedere se funziona. Altrimenti, magari incolla il tuo markup per la pagina in modo che possiamo guardarlo. Sarebbe anche utile se si ispezionasse l'elemento del piè di pagina con il cromo ad esempio e lo si fosse allegato allo screenshot.

Answer 2

Per me con Bootstrap 3 non dimenticare di specificare col-md-12 col-sm-12 e col-xs-12 per funzionare.

Altre cose evitano di usare style="color:#fff" rompe il tema del colore. Utilizzare invece navbar-text. Così si dovrebbe avere qualcosa di simile:

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> 
    <div class="container text-center"> 
     <p class="navbar-text col-md-12 col-sm-12 col-xs-12">&copy; xyz</p> 
    </div> 
</nav> 

ultima parola, usare container e non container-fluid