Верстка Bootstrap нестандартной ширины. Как сделать 2 одинаковых блока col-md-6. В одном фото а в другом цветовая заливка +текст контент?

Question

[Андрей]

joxi.ru/Y2L0GMkF9bD7J2

Хочу сделать на всю ширину 2 одинаковых по ширине блока, соответственно,чтобы при сужении один блок подстраивался под другой. в данный момент у меня один блок выше другого ( joxi.ru/eAO1jBDsxdl9Rm ) и не получается нормально выравнять текстовый контент Помогите пожалуйста!

<section class="glavnaya">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">
                <div class="levo">
                    <img src="img/1.jpg" class="img-responsive"  alt="">
                </div>
            </div>
            <div class="col-md-6">
              <div class="pravo">
                    <h1>Что это?</h1>
                    <p class=chtoeto>Легкая и невероятно маневренная коляска-трансформер, которая подходит с рождения и до тех пор пока ребенок не вырастет</p>
                    <h1>Что это?</h1>
                    <p class=chtoeto>Легкая и невероятно маневренная коляска-трансформер, которая подходит с рождения и до тех пор пока ребенок не вырастет</p>
                    <h1>Что это?</h1>
                    <p class=chtoeto>Легкая и невероятно маневренная коляска-трансформер, которая подходит с рождения и до тех пор пока ребенок не вырастет</p>
                </div>  
            </div>
        </div>
    </div>
</section>

Answer 1

[Troodi Larson]

https://www.google.ru/search?q=%D0%BE%D0%B4%D0%B8%...

Есть вариантов много, т.е. и через css, jquery. Не смотрели? Можно просто статически задать им одну высоту, но это, конечно, вряд ли решение.