css - How to center form in twitter bootstrap?

Question

<div class="container">
    <div class="row">
        <div class="span6 center">
            <form>
                <table>
                    <tbody>
                        <td>foo</td>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>

JSfiddle

Note: I am using an abstracted layer so am unable to change the class of <form>.

How do I get the form centred using Twitter-Bootstrap?

FYI: I have also tried with pagination-centred.

Answer 1

The native way for positioning elements in Bootstrap is using offset. I will assume that you are using a 12-column layout.

Bootstrap 2

<div class="container">
    <div class="row">
        <div class="span6 offset3">
            <form>
                ...
            </form>
        </div>
    </div>
</div>

Further information in the documentation

Bootstrap 3

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form>
                ...
            </form>
        </div>
    </div>
</div>

Further information in the documentation