0

Привет! Кто-нибудь подскажет как мне три столбика преобразовать в два при изменении разрешения экрана. Используется Bootstrap. При достижении экрана в 1200px все столбики сразу переходят в одну колонку. То есть нужно по идее изменить в HTML col-md-4 в col-md-6, но как ?)

1
  • Вопрос просто некорректный, никаких условий нет.
    – user192664
    10 авг 2016 в 5:56

1 ответ 1

1

В бустрапе при достижении ширины 1200px используются классы col-lg-
Bootstrap grid-options

Скрыть третью колонку можно добавив класс hidden-lg. Больше информации о классах скрытия колонок responsive-utilities-classes.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-md-4 col-lg-6">1</div>
    <div class="col-md-4 col-lg-6">2</div>
    <div class="col-md-4 hidden-lg">3</div>
  </div>
</div>

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.