cuốn sách gpt4 ai đã làm

android — Bootstrap các cột lồng nhau sử dụng tính năng đẩy/kéo

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 08:02:42 28 4
mua khóa gpt4 Nike

Tôi đang viết một trang sử dụng các cột Bootstrap lồng nhau. Tôi đang sử dụng tính năng đẩy/kéo để chuyển đổi vị trí các cột trên thiết bị di động và nó hoạt động rất tốt. Tuy nhiên, trên máy tính để bàn, tôi gặp phải một số vấn đề kỳ lạ về khoảng cách. Các cột lồng nhau được đặt ở bên phải cột cha.

Tôi đã thiết lập một fiddleĐiều này cho thấy hành vi này. Trong ví dụ này, col-md-9 là div cha. Tôi đã cho nó một nền vàng để thể hiện hành vi của nó. Khi bạn thay đổi kích thước đầu ra, các div lồng nhau sẽ vào đúng vị trí như mong đợi. Bất kỳ cái nhìn sâu sắc về vấn đề này sẽ được đánh giá rất cao.

biên tập: Các cột xuất hiện theo đúng thứ tự trong Chế độ xem trên màn hình, chúng chỉ được bù đắp vì những lý do tôi không thể giải thích.

câu trả lời hay nhất

Khi bạn sử dụng trong bootstrap sự lôi kéo lớp, một dự phòng được sử dụng cho việc này cột Vì vậy, bạn cần sử dụng:

col-xs-8 col-md-8 col-md-push-4 thay vì col-xs-12 col-md-8 col-md-push-8

col-xs-4 col-md-4 col-md-pull-8 thay vì col-xs-12 col-md-4 col-md-pull-4

Cập nhật bản demo Link

Về html - Các cột lồng nhau của Bootstrap sử dụng tính năng đẩy/kéo, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/46890078/

28 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress