Выравнивание изображений в столбце html

Question

Я пытаюсь получить 2 столбца; в левом столбце с изображением и в правом столбце с текстом, принадлежащим изображению.

Я использую класс img-circle для каждого изображения. Я хочу, чтобы изображения были вертикально выровнены, однако изображение, похоже, появилось по-своему.

Каков наилучший способ получить 2 столбца с примерно 10 строками, где первый столбец имеет изображение, а второй столбец содержит текст, принадлежащий изображению?

<div class="col-md-3"> 
    <img src="assets/images/openhaard_smart_px200_P3150849.jpg" class="img-circle pull-left" width="65" height="65"> 
</div> 
<div class="col-md-9"> 
    <h2>Ontvangst bij de openhaard</h2> 
    <p>Voel direct de warme gastvrijheid wanneer uw persoonlijke gastvrouw de dag door neemt.</p> 
</div> 
<div class="col-md-3"> 
    <img src="assets/images/gezichtsbehandeling400px_76174604.jpg" class="img-circle" width="65" height="65"></div> 
<div class="col-md-9"> 
    <h2>Gezichtsbehandeling</h2> 
    <p>Zeer uitgebreide 75 minuten durende gezichts- en decoleté behandeling in luxe ruime salons 
</div> 

Answer 1

Существует ошибка в коде, что вызывает Dis-выравнивание в первом изображении класс

class="img-circle pull-left" 

используется во втором изображении

class="img-circle" 

это приведет к тому, что первое изображение вытягивается влево, а другое центрируется.

Answer 2

Заканчивать пример, который я создал для вас here.

Я создал для вас только три строки, но вы получите изображение.

Надеюсь, это поможет, большой вопрос.

Отъезд shoelace, если вы довольно новичок в бутстрапе и ищете визуальное представление о том, как он будет выглядеть.