So zentrieren Sie den gesamten Bootstrap 3-Seiten-Inhalt horizontal

Question

Bootstrap 3 Seiten Inhalt muss horizontal zentriert werden, wenn seine Breite kleiner ist als die Fensterbreite und in kleinen Zoomstufen.

Ich habe versucht, horizontal ganze Seite zum Zentrum

mit

body { 
    display: inline-block; 
    margin: 0px auto; 
} 

Aber Inhalt erscheint noch in der linken Seite.

Seiteninhalt ist innerhalb Bootstrap

<div class="containner-fluid"> 

Element. Ich habe versucht, feste heightr hinzufügen mit

.container-fluid { 
    width: 1500px; 
} 

Aber Inhalt erscheinen noch in der linken Seite. Wie zentriert man Inhalte horizontal?

Verwenden Sie das Mausrad, um den Zoomfaktor in Chrom auf Minimum zu verringern. Der Inhalt ist immer noch linksbündig, nicht in der Mitte des Browserfensters.

Bootstrap3, jquery, jquery-ui, ASP.NET MVC3 sind

Answer 1

Gebrauch verwendet .container statt .container-fluid.

.container-fluid verwendet die volle Breite.

Bootstrap Containers:

Verwendung .container für einen reaktions Breiten Behälter befestigt.

Verwenden Sie .container-fluid für einen Container voller Breite, der die gesamte Breite Ihres Ansichtsfensters überspannt.

---

EDIT: Wie @SeRu erwähnt: Entfernen Sie den Körper des display: inline-block

Answer 2

display: inline-block aus dem Körper entfernen und container-fluid to container

Answer 3

display: inline-block;

body { 
    display: inline-block; //Remove it 
    margin-left: auto; 
} 

Answer 4

Set Körpergröße 1500pxentfernen ändern 10 und Rand-rechts und Rand-links zu Rand ändern: 0 auto; aus der Behälterflüssigkeit. Und entfernen Sie Ihre Anzeige: Inline-Block; vom Körper.