Bearbeitet: Dies hat sich seit Bootstrap 3 geändert. Siehe Lösung für Bootstrap 3 unten.
Kommt das Hinzufügen eines Wrapping-Divs nicht in Frage?
Schauen Sie sich dieses Beispiel an: http://jsfiddle.net/EVmwe/4/
Wichtiger Teil des Codes:
.btn-group-wrap {
text-align: center;
}
div.btn-group {
margin: 0 auto;
text-align: center;
width: inherit;
display: inline-block;
}
a {
float: left;
}
Umschließen der Schaltflächengruppe innerhalb einer Abteilung und Festlegen der Teilung auf die Mitte für die Textausrichtung. Die Schaltflächengruppe muss auch überschrieben werden, damit Inline-Block und geerbte Breite angezeigt werden.
Das Überschreiben der Ankeranzeige in Inline-Block und Float: Keine würde wahrscheinlich auch funktionieren, wie @Andres Ilich sagte.
Update für Bootstrap 3
Ab Bootstrap 3 verfügen Sie über Ausrichtungsklassen (siehe Dokumentation ). Sie müssen die text-center
Klasse jetzt einfach einem übergeordneten Element hinzufügen . Wie so:
<div class="text-center">
<ul class="pagination">
<li class="disabled"><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
Siehe Arbeitsbeispiel hier: http://jsfiddle.net/EVmwe/409/