Text in Bootstrap Fußzeile an der Mitte ausrichten

Question

Die Fußzeile in meiner Webseite ist auf die Mitte ausgerichtet.

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

Dieser Code funktioniert perfekt für andere Seiten, aber für diese bestimmte Seite funktioniert es nicht. Diese Seite enthält eine Vollkalender-Benutzeroberfläche, die ich angeschlossen habe, aber ich bezweifle, dass das mit meinem Problem zu tun hat.

Answer 1

Versuchen Sie, dem Container die Klasse "text-center" hinzuzufügen. So werden Sie damit enden:

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

Sehen Sie, ob das funktioniert. Ansonsten fügen Sie vielleicht Ihr Markup für die Seite ein, damit wir es betrachten können. Hilfreich wäre es auch, wenn Sie beispielsweise das Fußzeilenelement mit Chrom inspiziert und den Screenshot angehängt haben.

Answer 2

Für mich mit Bootstrap 3 nicht vergessen, Col-md-12 col-sm-12 und col-xs-12 angegeben zu arbeiten.

Andere Dinge vermeiden mit style="color:#fff" es bricht Farbthema. Verwenden Sie stattdessen navbar-text. So sollten Sie etwas davon haben:

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

letzte Wort, verwenden container und nicht container-fluid