-Center ein Bild Bootstrap

Question

Ich bin mit Bootstrap und ich möchte ein Bild zu zentrieren, aber ich weiß nicht, wie es zu tun:/

Hier ist der HTML

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#"><img src="./img/logo.png" /></a> 
    </div> 

So habe ich auf meinem navbar ein Bild und ich möchte es zu zentrieren ich in CSS versucht

.navbar-brand img{ 
     width: 83px; 
     height: 57px; 
     margin-left : 50%; 
    } 

Das Bild auf allen

bewegt sich nicht

Answer 1

l es gibt OADs Möglichkeiten, dies zu tun, Sie

text-align:center; 

können Elemente oder

margin-left:auto; 
margin-right:auto; 

Das ist wirklich grundlegende CSS zum Zentrum, dann sollten Sie auf jeden Fall vor der documentation überprüfen.

Answer 2

Try this:

.navbar-brand img{ 
    width: 83px; 
    height: 57px; 
    margin: 0 auto; 
} 

"margin-left: 50%" zentriert den linken Rand des Bildes. "Rand: 0 automatisch;" sagt Put und gleiche und maximale Marge auf der rechten und linken Seite meines Elements. wenn Sie tatsächlich Ränder auf der oben/unten benötigen, können Sie die 4-Eigenschaft Methode verwenden, die wie folgt aussehen könnte:

margin: 10px auto 20px auto;