2012-02-06 31 views
14

Tôi nhận thấy trên tài liệu twitter cho grid system nó nói lưới mặc định là 940px nhưng nó là 1170px trên trang web. Tôi thu thập nó là sử dụng đáp ứng để thay đổi chiều rộng như tôi trên một màn hình rộng và độ phân giải cao.Sử dụng chiều rộng 1170px với bootstrap.css (đáp ứng)

Câu hỏi của tôi rơi xuống cách sử dụng 1170px như trong tài liệu trên twitter. Tôi dường như không thể tìm thấy bất kỳ tài liệu nào giải thích cách thay đổi chiều rộng thành 1170px như chúng có. Đây có phải là bản dựng tùy chỉnh mà họ đã tạo nhưng không được phát hành hoặc không cập nhật tài liệu không?

Bất kỳ ý tưởng nào về cách triển khai điều này và có các vars tùy chỉnh lưới chính xác cho 1170px.

Cảm ơn

Trả lời

20

Họ đang sử dụng một truy vấn @media cho rằng, đó không được bao gồm theo mặc định trong bootstrap, bạn có thể đọc thêm về nó ở đây trong tài liệu responsive layout của họ.

chút quan trọng từ CSS của họ:

@media (min-width: 1200px) { 
    .span12, .container { 
    width: 1170px; 
    } 
} 

Trích từ trang

Sử dụng phương tiện truyền thông truy vấn

Bootstrap không tự động bao gồm các phương tiện truyền thông truy vấn, nhưng hiểu biết và thêm chúng rất dễ dàng và yêu cầu thiết lập tối thiểu. Bạn có một vài tùy chọn để bao gồm các tính năng đáp ứng của Bootstrap:

  1. Sử dụng phiên bản đáp ứng biên soạn, bootstrap-responsive.css
  2. Thêm @import "responsive.less" và biên dịch lại Bootstrap
  3. Sửa và biên dịch responsive.less dưới dạng riêng biệt

Tại sao không chỉ bao gồm nó? Sự thật được cho biết, không phải mọi thứ đều cần phải đáp ứng . Thay vì khuyến khích các nhà phát triển xóa tính năng này, chúng tôi sẽ cố gắng hết sức để bật tính năng này.

+1

Cảm ơn rất nhiều. Điều này sẽ tự động thay đổi mọi thứ khác để tương quan với kích thước chiều rộng? – arbme

+1

@arbme no, bạn phải tự mình lên kế hoạch bố cục. Bạn có thể xem cách chúng bố trí các tài liệu trong [stylesheet css] [responsive] (http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css) css. –

+0

Ilich Ok Tôi nhận được nó ngay bây giờ css bạn cho thấy là để tạo của riêng bạn không sử dụng mặc định. Không hoạt động trước khi tìm kiếm bootstrap-responsive.css trong v1.4 :) Cảm ơn bạn lần nữa – arbme

3

Như các tài liệu cho biết, không phải mọi thứ đều cần phản hồi. Ngoài ra, không phải mọi thứ đều cần sử dụng kích thước toàn màn hình ... một số bố cục chỉ cần thêm khoảng trống.

Tôi đã xem một số trang web trích đoạn trích truy vấn phương tiện này (@media min-width: 1200px {...}) từ biểu định kiểu đáp ứng, nhưng tôi không thể biết đó là chính xác/được đề xuất hay giải pháp tốt.

Các vấn đề liên quan