Bootstrap Center der Seite

Question

Guten Tag alle, ich möchte meine Bootstrap-Seite in der Mitte zentriert sein. Wie werde ich es mit diesem Format tun

Answer 1

Es gibt einige Möglichkeiten, dieses Format zu bekommen.

• Durch die Verwendung von position:absolute; und top, left Werte in das Navigationsmenü
• Mit container Klasse und Perspektive col Wert
• mit margin:0 auto;display:table; in das Navigationsmenü

Answer 2

Sie können als CSS unter

div { 
      position: absolute; 
      top: 0; 
      left: 0; 
      bottom: 0; 
      right: 0; 
      margin: auto; 
     } 

Answer 3

Sie können col-sm verwenden -offset- # wobei # ist, um wieviel es von Ihnen verschoben werden soll. Beachten Sie, dass dadurch nicht automatisch der gesamte Inhalt innerhalb des Inhalts zentriert wird. Stattdessen wird

<div class="col-sm-8 col-sm-offset-2"> 

in der Mitte der Seite angezeigt. Wie für die "Hallo Welt" brauchen Sie separate CSS-T0-Center. In diesem Beispiel basiert das Spaltensystem im Bootstrap auf 12 Spalten, wenn Ihr Hauptdiv 8 Spalten breit und der Offset 2 Spalten ist, zentriert es daher das div.

<div class="col-sm-8 col-sm-offset-2"> 
    <div class="jumbotron"> 
    <h1> Hello World </h1> 
    </div> 
</div>