Làm cách nào để chỉ lấy lưới đáp ứng từ Bootstrap 3?

Tôi cần thêm các tính năng thiết kế đáp ứng vào ứng dụng web của mình bằng Twitter Bootstrap. Tôi chỉ muốn hành vi đáp ứng, tôi không quan tâm đến kiểu chữ, các thành phần hoặc bất kỳ thứ nào khác có trong Bootstrap.

Tôi đã có một phiên bản Bootstrap tùy chỉnh chỉ cần chọn hệ thống lưới. Tuy nhiên, khi tôi thêm CSS đã tạo vào ứng dụng của mình, tất cả các kiểu của tôi sẽ bị rối tung (tiêu đề, liên kết và những thứ khác). Tại sao điều đó lại xảy ra? Làm cách nào tôi có thể lấy Bootstrap CSS chỉ với hệ thống lưới? Tôi muốn tránh sửa đổi thủ công các tệp Bootstrap.

Truy cập http://getbootstrap.com/customize/ và chỉ chuyển đổi những gì bạn muốn từ khung BS3, sau đó nhấp vào "Biên dịch và tải xuống" và bạn sẽ nhận được CSS và JS mà bạn đã chọn.

Mở CSS và xóa tất cả trừ lưới. Chúng cũng bao gồm một số công cụ bình thường hóa. Và bạn sẽ cần điều chỉnh tất cả các kiểu trên trang web của mình thành kích thước hộp: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Thanh toán zirafa / bootstrap-chỉ lưới . Nó chỉ chứa lưới bootstrap và các tiện ích đáp ứng mà bạn cần (không cần đặt lại hoặc bất cứ thứ gì) và đơn giản hóa sự phức tạp của việc làm việc trực tiếp với các tệp LESS .

Chỉ cần chọn Grid systemvà "tiện ích đáp ứng" nó cung cấp cho bạn điều này: http://jsfiddle.net/7LVzs/

Tạo một bản dựng Grunt chỉ với lưới Bootstrap 3.3.5:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

~ 10KB được giảm thiểu.

Nếu bạn cần một số phần khác từ Bootstrap, chỉ cần đưa chúng vào /src/less/bootstrap.less.

Tôi khuyên bạn nên sử dụng http://getpreboot.com/ của MDO để thay thế. Kể từ phiên bản v2, prebootcổng trở lại LESS mixin / biến được sử dụng để tạo Hệ thống lưới Bootstrap 3.0 và có trọng lượng nhẹ hơn nhiều so với việc sử dụng trình tạo CSS. Trên thực tế, nếu bạn chỉ bao gồm preboot.lessthì KHÔNG có chi phí vì toàn bộ tệp được tạo thành từ các biến / hỗn hợp và do đó chỉ được sử dụng trong quá trình biên dịch trước và không phải là đầu ra cuối cùng.

Có vẻ như bạn chỉ có thể tải xuống lưới ngay bây giờ trên các tính năng tải xuống mới của Bootstrap 4s.

Đã lâu kể từ khi câu hỏi này được đặt ra, nhưng có lẽ bây giờ bạn có thể bỏ qua Bootstrap hoàn toàn và sử dụng CSS Grid! (nó đơn giản hơn, gọn gàng hơn, linh hoạt hơn và nhanh hơn). Xem bài viết thú vị này: Ngừng sử dụng Bootstrap - tạo mẫu CSS Grid thiết thực cho giao diện người dùng dựa trên thành phần của bạn

Trong Bootstrap 4, đã có các tệp được phân tách trong GitHub của chúng. bạn có thể tìm họ ở đây

https://github.com/twbs/bootstrap/tree/main/dist/css