center two columns with bootstrap

Issue

I'm trying to center two columns that are inside one container:

<div class="container">
<div class="row">
    <div class="col-md-5">
    ...
    </div>
    <div class="col-md-3">
    </div>
</div>
</div>

but I'm getting all my divs at the left side. I know that both columns are taken 8 columns, So I'm missing 4 of them, But how can I ignore those 4 columns and just center my container? I know how to do this with simple css but I supose bootstrap handle this in a better way to make it responsive.

Solution

You can do it with Offsetting columns here is the reference link

Read it and DIY.

example

<div class="row">
    <div class="col-md-5 col-md-offset-2">
        <p>Here Comes Content</p>
    </div>
    <div class="col-md-3">
        <p>Here Comes Content</p>
    </div>
</div>

Answered By - Shehary