Cách căn giữa hộp trên Twitter Bootstrap

Question

Tôi đang đặt màn hình đăng nhập và trên màn hình đó sẽ chỉ là một hộp có LOGIN và PASSWORD. Tôi cần tập trung theo chiều dọc và chiều ngang (giống như bất kỳ màn hình đăng nhập truyền thống nào).

Làm cách nào để tôi đạt được điều này với Twitter Bootstrap?

Cảm ơn!

Answer 1

Nếu bạn đang sử dụng lưới bootstrap, sau đó bạn có thể bù đắp các cột của bạn:

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

Xem ví dụ ở đây: http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

Hoặc bạn chỉ có thể sử dụng CSS để chỉ đơn giản là trung tâm khối nguyên tố,

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

Answer 2

CẬP NHẬT câu trả lời của Johny: Đối với Bootstrap 3; cú pháp là một chút khác nhau:

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

hay: tốt hơn nào:

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