2016-05-02 29 views
0
<div class="width_logo"> 

    <div class="left-sidebar col-md-3 thumbnail"> 

    <img src="../images/tech_logos.png" class="tech_logos img-responsive"> 

    </div> 

    </div> 

schnelle Frage, das wird wirklich ärgerlich meinerseits. Meine Webseiten enthalten Bootstrap-Code. Wenn ich mein Bild hinzufüge und versuche, es an den Text anzupassen, erzeugt es eine Lücke, die nicht zentriert wird, wenn der Bildschirm kleiner ist. Kann jemand helfen? Ich brauche nur das Bild auszurichten.Bootstrap Bild nicht zentriert

Fullscreen

Windowed

+0

haben Sie versucht, das Bild in Div-Tag mit Klasse Zeile und dann mit Col-MD-6 Col-MD-Offset-3, und wenn das die Situation kümmert..für kleinere Bildschirme können Sie anstelle von xs verwenden md –

+0

Haben Sie irgendwelche Lücken/Ränder im CSS, die das verursachen könnten? Wenn Sie ein JSfiddle mit dem CSS/HTML (oder mehr des Quellcodes) bereitstellen können, wäre dies viel einfacher zu überprüfen. – Dandy

+0

Verwenden Sie die Klasse 'center-block' zu Ihrem image/div. –

Antwort

1

Es ist eine einfache Lösung. Fügen Sie die Klassen img-responsive center-block zum img hinzu. Es wird das Problem lösen. Und setzen Sie Ihren Text und Ihr Bild in dasselbe div.