Custom width Bootstrap layout. How to make 2 identical col-md-6 blocks. In one photo and in another color fill + text content?

Question

Bootstrap

joxi.ru/Y2L0GMkF9bD7J2
I want to make 2 blocks of the same width for the entire width, respectively, so that when narrowing, one block adjusts to the other. at the moment I have one block above the other ( joxi.ru/eAO1jBDsxdl9Rm ) and I can't properly align the text content Please help!

<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

https://www.google.ru/search?q=%D0%BE%D0%B4%D0%B8%...
There are many options, i.e. and through css, jquery. Didn't look? You can just statically set them to the same height, but this, of course, is hardly a solution.