Tôi muốn sử dụng toàn bộ chiều rộng trên các thiết bị xs và sm (bình chứa chất lỏng) nhưng chỉ là lớp chứa cho tất cả các thiết bị khác Cách tốt nhất để đặt thiết bị này vào vị trí nào? Tôi đã thử jasnys bootstrap trong đó có một lớp container trơn tru nhưng nó không trung tâm nội dung khi màn hình được trên một kích thước nhất định ...Thùng chứa chất lỏng Bootstrap trên thiết bị xs chỉ
Trả lời
bạn có thể thêm một bản sao của cùng một container và cấu hình nó có thể nhìn thấy chỉ trong kích thước bạn muốn với các lớp ẩn-xx và có thể nhìn thấy-xx như thế này:
<div class="container-fluid hidden-md hidden-lg">
your content here
</div>
và điều này cho container bình thường:
<div class="container hidden-xs hidden-sm">
your content here
</div>
sau đó bạn cần sao chép nội dung của mình mặc dù chứa cả hai định dạng (ví dụ: xs, sm vs md, lg) – ganders
Sao chép nội dung không cần thiết. –
Ghi đè lên lớp container trong CSS của bạn và done của bạn :
/* XS styling */
@media (max-width: @screen-xs-max) {
.container {
width: inherit;
}
}
/* SM styling */
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.container {
width: inherit;
}
}
Chỉ cần thay thế các biến Ít hơn bằng giá trị px tương ứng của bạn.
- 1. Twitter Bootstrap "chứa chất lỏng"
- 2. Bootstrap 3 Thùng chứa chất lỏng với nội dung trung tâm
- 3. Nơi tìm lớp chứa chất lỏng trong Bootstrap 3?
- 4. bootstrap hàng chất lỏng rộng
- 5. Tôi chỉ có một thùng chứa Bootstrap 3?
- 6. Bootstrap - chỉ có hàng trên thiết bị nhỏ
- 7. Làm thế nào để làm cho chỉ có một chất lỏng cột trong bootstrap
- 8. Bootstrap chứa 3 chất lỏng không phải là 100% chiều rộng
- 9. Cột chiều rộng cố định với bình chứa chất lỏng trong bootstrap
- 10. đáp ứng/chất lỏng jQGrid với Twitter Bootstrap
- 11. Bootstrap .container-chất lỏng với ".container giống như" bố trí
- 12. Mô phỏng chất lỏng trên iPhone
- 13. Bình chứa chiều rộng chất lỏng để ôm nổi
- 14. Thay đổi chiều rộng thùng chứa Bootstrap
- 15. Bảng rộng hơn thùng chứa Bootstrap
- 16. Thùng chứa làm tổ trong thùng chứa đựng đồ chứa
- 17. Ngăn các cột chất lỏng bị phá vỡ thành dòng mới trên màn hình iPhone
- 18. Làm thế nào để làm đệm trên một dòng chất lỏng trong twitter bootstrap
- 19. Có thể có hệ thống lưới chất lỏng hỗn hợp/chất lỏng không?
- 20. Twitter Bootstrap In Trong XS
- 21. Chất lỏng và số học
- 22. Cách đặt chiều cao tối thiểu cho thùng chứa bootstrap
- 23. Kết nối bị từ chối trên thùng chứa nginx docker
- 24. Bảng Bootstrap sẽ không điền chiều rộng thùng chứa
- 25. Nhiều và/hoặc thùng chứa Bootstrap lồng nhau?
- 26. Hộp chứa Bootstrap
- 27. Nội dung trung tâm của thùng chứa hàng Bootstrap
- 28. Bố cục chất lỏng và sprites css
- 29. Bố cục chất lỏng Bootstrap - chiều rộng cố định của thanh bên
- 30. Cột chất lỏng và cố định Bảng
Bạn có nhận thấy nhu cầu này không? 'container' mất tự động bố cục" đóng hộp "trên các thiết bị' xs'. –
Nó không hoàn toàn sử dụng chiều rộng toàn màn hình trên thiết bị xs tôi đã thử nghiệm nó, hành vi chứa chất lỏng không được nhìn thấy trên xs – AShah
Cách dễ nhất là tạo truy vấn '@ media' tùy chỉnh và tùy chỉnh' lớp .container'. –