Bootstrap 3: фиксированный столбец с отзывчивым столбцом

Question

Bootstrap 3: фиксированный столбец с отзывчивым столбцом

0

Я использую Bootstrap 3 для создания гибкого макета для моего сайта. Как я могу установить фиксированную ширину для левого столбца с ответным правым столбцом? Значение, когда изменение размера на уровне рабочего стола только правая колонка изменит ширину. Конечно, когда он превратится в мобильный экран, левый столбец станет сверху, а правый столбец будет внизу.

Я попытался применить фиксированную ширину в левый столбец. Но проблема в том, что при изменении размера экрана на рабочем столе правый столбец перемещается вниз в левую колонку.

Вот мой код:

<div class="row">
    <div class="col-md-3" style="width=250px;" id="sidebar"></div>
    <div class="col-md-9"></div>
</div>

Как я могу предотвратить его перемещение вниз и только движение вниз по размеру мобильного экрана? Благодарю.

user1995781 19 окт. 2013, в 03:39

Источник

1

Bootstrap основан на медиазапросах и не различает мобильное устройство и настольный браузер. Так что, если вы найдете решение - я не думаю, что оно будет правильным. Идея адаптивного веб-сайта заключается в том, что пользователь может использовать ваш веб-сайт на мобильном устройстве, в полноэкранном браузере или в маленьком окне браузера на настольном компьютере.
outcoldman 19 окт. 2013, в 07:16
0

Вы никогда не должны использовать фиксированные пиксели при использовании столбцов из Bootstrap. Пусть устройство пользователя определяет, насколько широким должен быть столбец, на основе полной ширины экрана.
Gerard Nijboer 10 янв. 2014, в 21:57

Теги:

jquery

html

css

twitter-bootstrap-3

responsive-design

1 ответ

Ещё вопросы

Bootstrap основан на медиазапросах и не различает мобильное устройство и настольный браузер. Так что, если вы найдете решение - я не думаю, что оно будет правильным. Идея адаптивного веб-сайта заключается в том, что пользователь может использовать ваш веб-сайт на мобильном устройстве, в полноэкранном браузере или в маленьком окне браузера на настольном компьютере.
Вы никогда не должны использовать фиксированные пиксели при использовании столбцов из Bootstrap. Пусть устройство пользователя определяет, насколько широким должен быть столбец, на основе полной ширины экрана.

Andrei Dvoynos · Accepted Answer · 2013-11-14T14-57-00.000Z

Это должно сделать трюк:

<div class="row">
    <div class="col-xs-12 col-md-3">
    </div>
    <div class="col-xs-12 col-md-9">
    </div>
</div>