Căn giữa sắp xếp một div theo chiều ngang bằng cách sử dụng mặc định Twitter Bootstrap CSS

Question

Tôi biết cách căn giữa một div theo chiều ngang trong CSS. Bạn cần phải làm cho chiều rộng đến một cái gì đó ít hơn 100% và có lề tự động trên cả hai bên trái và bên phải. Tôi muốn làm kiểu mặc định này của Twitter Bootstrap. Tôi không muốn viết thêm CSS. Tự hỏi liệu nó có thể đạt được bằng cách sử dụng kiểu mặc định được sử dụng trong Twitter Bootstrap hay không.

Để đặt chiều rộng của div, tôi đang sử dụng span*. Nhưng span* là float: left. Có lớp nào, có thể đặt chiều rộng của div, nhưng sẽ không thêm float: left?

Answer 1

Để căn chỉnh theo chiều ngang một div đang sử dụng kiểu nhịp chẵn (span2, span4, v.v ...), bạn cần sử dụng bù đắp.

<div class="offset3 span6"> 
    ... 
</div> 

Answer 2

Sử dụng lớp pagination-centered bên trong một div như:

<div class="row"> 
    <div class="span12 pagination-centered"> 
    <p> content</p> 
    </div> 
</div> 

Answer 3

Nếu phần tử bạn muốn canh lề ngang là một khoảng thời gian lẻ (@JayGee) và bạn không muốn viết thêm CSS (không ngay cả nội tuyến?) thì câu trả lời nên là: Không, điều đó là không thể. Nếu không, tôi sẽ đi câu trả lời của @ JayGee.

Answer 4

Cách của Bootstrap để căn giữa nội dung có vẻ là bằng cách chỉ định class="center-block" cho nó: a link to Bootstrap 3 doc page.

Tuy nhiên, nó sẽ không hoạt động trên một tiêu đề hoặc một đoạn văn. class="text-center" dường như hoạt động trong những trường hợp đó.

Answer 5

Dựa trên câu trả lời của @ JayGee.

<div class="row"> 
    <div class="col-sm-offset-4 col-md-offset-4 col-lg-offset-4 col-sm-4 col-md-4 col-lg-4"> 
    ... content here ... 
    </div> 
</div>