Bootstrap 3 имеет дело с разницей между xs и sm

Я использую col-xs- * для мобильных устройств в портретной ориентации, но наивно полагал, что col-sm- * был для ландшафтных мобильных устройств, однако, согласно первому ответуиз этого вопросаНа самом деле это не так.

Поэтому мой вопрос заключается в том, как эффективно использовать структуру col для ландшафтных телефонов?

Моя идея была:

col-xs-12 на вертикальном мобильномcol-sm-6 на ландшафтном мобильном (как это заметно шире)

Тем не менее, поскольку sm - это не то, чем я изначально думал, возможно ли это без изменения базового загрузочного CSS?

Если мы посмотрим на iPhone 6+, например, в альбомной ориентации его ширина составляет 736 пикселей, что все еще считается в пределах xs.

Так что все, что col-xs-12 в этом окне просмотра выглядит абсолютно огромным, что делает вещи ужасными.

Теоретически я мог бы изменить точку останова sm ниже текущего значения 768, однако есть ли лучший способ сделать это?

Может быть, добавив класс между xs и sm?

ОБНОВИТЬ

Я также нашел этот фрагмент из другого вопроса, который имеет потенциал.

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .col-xsl-6{ width: 50%; }
}

Ответы на вопрос(2)

Ваш ответ на вопрос