2017-09-21 29 views
5

Tôi không thể tìm ra lý do tại sao các thẻ này trong thẻ-cột hiển thị khác nhau trên chrome. Và chúng chủ yếu hiển thị hai cột, nhưng không hiển thị trên tất cả các trang của tôi.Bootstrap 4 thẻ cột đôi khi hiển thị các cột khác nhau trong Chrome so với các trình duyệt khác

trang cụ này có vấn đề với chỉ hiển thị một cột, đi đến tab "meny": http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab

Nhưng trong Edge và Firefox nó sẽ hiển thị hai cột, như tôi muốn nó.

Tuy nhiên, một trang khác, trên tab "Meny", http://nesthus.no/vossapp/bedrift/cafe-stationen hiển thị hai cột trong tất cả các trình duyệt chính xác bao gồm chrome.

Vấn đề cho thấy trong Chrome, nhưng làm việc trong Edge: Problem showed in Chrome, but working in Edge:

Nhưng, trên một trang khác trong Chrome nó ám tốt: While, another page in Chrome renders fine:

Trả lời

-1

Nếu bạn đang sử dụng

#menycol { 
column-count: 2; 
} 

Sau đó, không cần đặt hiển thị và chiều rộng, chỉ cần nhận xét hoặc xóa nó

.card-columns .card { 
/* display: inline-block; */ 
/* width: 100%; */ 
} 
+0

Điều này gây ra rất nhiều vấn đề với bố cục. phá vỡ cột. – Aslam

+0

@hunzaboy cột đếm là cho nội dung văn bản, không cho divs, nếu bạn đang sử dụng cấu trúc divs, sau đó loại bỏ các cột đếm và sử dụng flex hoặc đơn giản chiều rộng 50% để chia nó trong 2 –

+0

Vâng tôi đồng ý với điều đó, anh ấy không cần phải sử dụng nó, nhưng tại sao nó lại hoạt động trên các trang khác. Câu hỏi đặt ra là tại sao các hành vi khác nhau. – Aslam

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