How to centered bootstrap col-md-4 and col-md-5 in the middle of the page?

I have two bootstrap items one col-md-5 and one col-md-4. But i want to centered these two items in the middle of the page, both of them. Now my col-md-4 is at the left side of the page and the col-md-5 is at the middle of the page. Has anyone an idea how to centered these two items without use only margin.

<div class="col-md-4">
    <div class="klantcases">
    <h2>Company</h2>
    <li><a href="#">Over ons</a></li>
    <li><a href="#">Kernwaarden</a></li>
    <li><a href="#">Missie en visie</a></li>
    <li><a href="#">Nieuws</a></li>
    <li><a href="#">Blog</a></li>
        <li><a href="#">Development Blog</a></li>
        <li><a href="#">Marketing Blog</a></li>
    <li><a href="#">Development</a></li>
    <li><a href="#">Marketing</a></li>
    <li><a href="#">Werken bij ons></li>
</div>

<div class="col-md-5">
<div class="blogpreview">
    <img src="img/kan.png" alt="kan" /><h1>The latest from our</br>
        DEVELOPMENT BLOG</h1>

    <img src="img/bloglaptop.jpg" alt="bloglaptopcode" />

    <div class="bloginfo"><h2>Woensdag 15 april 2015 - 12:05</h2></br></br>
        <h1>CSS styleable, vector based icons on every device (even IE8)</h1>
        <p>Icons have always been an important part of an interface. They allow the user to recognize certain actions with only a glance. In this blog, we will look for a complete and closing solution to render css-styleable icons that are supported by older browsers while still looking great on modern retina displays.</p>

        <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>

        </div>


    <div class="meer">
        <h2>Maandag 13 april 2015 - 13:19</h2>
        <h1>Inline video on the iPhone</h2>
            <p>video has come a long way. We went from nitrate film, tape and VHS to digital video. From black and white tubes to full color 4k flatscreen televisions. And from static desktop environments to video more and more being something that you take with you by watching it on your mobile device. </p>
            <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>
    </div>

        <div class="meer">
        <h2>Maandag 30 maart 2015 - 18:30</h2>
        <h1>Video in email: today or tomorrow?</h2>
            <p>You can and should be using video in email today! Video in email often is "the" missing link in business to consumer email communication. We did a lot of technical research and development and want to share some of the results with you today. </p>
            <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>
    </div>



<img src="img/pfoon.png" alt="pfoon" /> <h1>The latest from our</br>
        MARKETING BLOG</h1>

    <img src="img/iphone.jpg" alt="iphonehand" />

    <div class="bloginfo2"><h2>Woensdag 15 april 2015 - 12:05</h2></br></br>
        <h1>CSS styleable, vector based icons on every device (even IE8)</h1>
        <p>Icons have always been an important part of an interface. They allow the user to recognize certain actions with only a glance. In this blog, we will look for a complete and closing solution to render css-styleable icons that are supported by older browsers while still looking great on modern retina displays.</p>

        <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>

        </div>

        <div class="meer">
        <h2>Maandag 13 april 2015 - 13:19</h2>
        <h1>Inline video on the iPhone</h2>
            <p>video has come a long way. We went from nitrate film, tape and VHS to digital video. From black and white tubes to full color 4k flatscreen televisions. And from static desktop environments to video more and more being something that you take with you by watching it on your mobile device. </p>
            <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>
    </div>

        <div class="meer">
        <h2>Maandag 30 maart 2015 - 18:30</h2>
        <h1>Video in email: today or tomorrow?</h2>
            <p>You can and should be using video in email today! Video in email often is "the" missing link in business to consumer email communication. We did a lot of technical research and development and want to share some of the results with you today. </p>
            <a href="#"><h3 class="leesmeer">LEES MEER</h3></a>
    </div>





</div>


Source: css

Leave a Reply