у меня есть такой div:
<div class = "col-lg-4 col-xl-4 col-md-6 col-sm-12 px-0 p-4">
Когда я тестирую его на 27-дюймовом экране, он использует col-xl-2 и работает отлично, но когда я тестирую его на 13-дюймовом экране MacBook Pro с экраном retina, он также использует col-xl-2 и выглядит странно. Как я могу справиться с этим и указать размер столбца для экранов сетчатки?






Пытаться:
col-md-4
или же
col-sm-4
Документация по загрузке (сетка)
Обновлять
Большой экран определяется из-за высокого разрешения дисплея сетчатки.
Вы можете установить свой собственный breakpoints в Bootstrap.
Возможно, ответ это может указать вам правильное направление.
В качестве альтернативы попробуйте это (источник):
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina-specific stuff here */
}