부트스트랩을 사용중인데요.

css

.row div {
    width: 400px;
    margin: 0px 20px;
}

html

<div class=containter-fluid>
    <div class="row">
        <div class="col-md-4">
        content1
        </div>
         <div class="col-md-4">
        content2
         </div>
         <div class="col-md-4">         
        content3
        </div>
    </div>
</div>

제가 원하는 건 3개의 컬럼이 가운데 정렬이 되는 것인데,

row 내부 컬럼들에 width 를 지정해주면 float:left 때문에 왼쪽으로 몰리는 것 같습니다.

아래 사진처럼 만들고 싶은데요 어떻게하면 좋을까요?