css - ボックスをTwitterBootstrapの中央に配置する方法

Question

ログイン画面をレイアウトしています。その画面には、ログインとパスワードが入力されたボックスが表示されます。（従来のログイン画面のように）垂直方向と水平方向に一元化する必要があります。

Twitter Bootstrapを使用してこれを実現するにはどうすればよいですか？

ありがとう！

Answer 1

ブートストラップグリッドを使用している場合は、列をオフセットできます。

<div class="row">
  <div class="span6 offset3">
     Your content goes here
  </div>
</div>

こちらの例をご覧ください：http ：//twitter.github.com/bootstrap/scaffolding.html#gridSystem

または、CSSを使用してブロック要素を中央に配置することもできます。

div.login-box{
  margin:0 auto;
  width: 720px;
}

Answer 2

Johnyの回答の更新：Bootstrap3の場合。構文は少し異なります。

<div class="row">
    <div class="col-sm-6 col-sm-offset-3">
        Your content goes here
    </div>
</div> 

または：さらに良い：

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
            Your content goes here
        </div>
    </div>
</div>