Bootstrap 4 card-columns sometimes display columns different in Chrome than other browsers Bootstrap 4 card-columns sometimes display columns different in Chrome than other browsers google-chrome google-chrome

Bootstrap 4 card-columns sometimes display columns different in Chrome than other browsers


I don't have your source code (your website is not working) so I can only guess your structure: http://jsfiddle.net/aq9Laaew/80810/. And everything seems to work fine in Chrome by just changing column-count.

Extra small devices (portrait phones, less than 576px)

Small devices (landscape phones, 576px and up)

enter image description here

Medium devices (tablets, 768px and up)

enter image description here

Large devices (desktops, 992px and up)

Extra large devices (large desktops, 1200px and up)

enter image description here


If you are already using

#menycol {column-count: 2;}

Then no need to set display and width , just comment or remove it

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