Bootstrap Spans

Question

Gần đây tôi đã bắt đầu sử dụng Twitter Bootstrap và tôi dường như không thể hiểu được những gì kéo dài và tại sao có các nhịp số khác nhau, như span4, span12? Và những gì là offsets và khi nào họ được sử dụng? (Đôi khi được sử dụng với các nhịp) Tôi đã cố gắng tìm kiếm nó trực tuyến, nhưng chỉ tìm thấy các câu hỏi cụ thể về bootstraps.

Answer 1

Các lớp "span" của Bootstrap được sử dụng trong bootstrap grid system.

Tài liệu hiển thị các cột được gắn nhãn bằng số, mỗi số đại diện cho lớp span được sử dụng cho vùng chứa này. Bù đắp được hiển thị ngay trong phần tiếp theo, họ xác định có bao nhiêu cột trống phải ở bên trái của nhịp.

Bạn có thể đọc span4 offset2 là "mở rộng khối này trên 4 cột, để trống hai cột ở bên trái".
Theo mặc định, có 12 cột. Nếu bạn có span12, nó sẽ rộng bằng container (có thể là chất lỏng).

Answer 2

Trước hết, chúng không phải là <span> thẻ. (Tôi đề cập đến điều này bởi vì tôi đã bắt đầu gõ <span> một vài lần!) Chúng là chiều rộng cột trong một hàng.

Từ http://twitter.github.com/bootstrap/scaffolding.html#gridSystem:

<div class="row"> 
<div class="span4">...</div> 
<div class="span8">...</div> 
</div> 

Các tài liệu cũng thảo luận về hiệu số.

Answer 3

22As xa như tôi biết, nếu bạn muốn phong cách bố trí trang đáp ứng, bạn cũng có thể sử dụng col-lg-2 hoặc một số lớp như vậy, khi viết một đánh dấu div, như

<div class="col-lg-2 col-sm-3 col-xs-6"> some content </div> 

mà sẽ xác định số lượng cột mà một số nội dung chiếm trên màn hình, đối với các màn hình lớn, nhỏ và cực nhỏ. là, bạn có tối đa 12 cột cho mỗi hàng, vì vậy tất cả nội dung của bạn trong một hàng phải tôn trọng điều đó. Bạn không thể có

<row> 
<div class="col-lg-5">content1 </div> 
<div class="col-lg-6">content2 </div> 
<div class="col-lg-3">content3 </div> 
</row> 

vì có 14 cột lớn ở đây. Chỉ các lớp x mới thêm vào 24, mặc dù

Vì vậy, span có thực hiện cùng một thủ thuật không?