Как мне центрировать div Bootstrap с классом 'spanX'?

Я использую bootstrap и пытаюсь центрировать div (span7) следующим образом:

<div class="row-fluid">
    <div id="main" class="span7">
        Lorem ipsum dolor sit amet
    </div>
</div>

мой код css:

#main{
    margin:0px auto;
}

Но он не установлен в центре. Как установить центр?

РЕДАКТИРОВАТЬ

span7 теперь col-7 в Bootstrap 4