ТОЛЬКО для IPAD: элемент сетки начальной загрузки переносится на следующую строку, несмотря на то, что значения в сумме составляют 12
У меня есть три элемента в моем ряду, каждый из которых имеет класс col-sm-4. На рабочем столе и на панели инструментов устройства chrome dev tools все работает нормально. Но когда я смотрю на свой ipad, он ведет себя некорректно.
<div class = "row fix">
<div class = "col-sm-4">
<div class = "col-sm-4">
<div class = "col-sm-4">
</div>
Как это выглядит на ipad:
Как это должно выглядеть:
Версия загрузчика 3.3.7. Я тестировал на своем ipad как Chrome, так и Safari. iOS версии 10.2
@mdlangla - нет, это почти весь код, который у меня есть. Да, я тоже не понимаю, в чем проблема, он отлично работает, когда я использую адаптивный режим chrome dev tools и устанавливаю его на ipad.
Но каково содержимое столбцов? На скриншотах выше есть метки и поля ввода. Можете ли вы изменить приведенный выше код, чтобы включить их? Какой-либо стиль, примененный к этим элементам, может переопределить то, что пытается сделать Bootstrap, и нарушить макет? Если бы у меня было еще немного дела, я мог бы немного повозиться с этим.
Есть ли дополнительный соответствующий код? Я не вижу, в чем может быть проблема с тремя стандартными Bootstrap .col-sm-4. Трудно сказать, что элементы, содержащиеся в столбцах, могут или не могут способствовать решению этой проблемы.