Задать вопрос
@LA27
начинающий верстальщик
html

Адаптивность в bootstrape. Ломается верстка. Как быть?

товарищи профессионалы подскажите как быть, я новичек, сверстал простой макет по psd. проблема в том что при изменение разрешения экрана верстка ломается, сайдбар наползает на контент, футер прыгает на середину и огромное пустое место между шапкой и контентом? использовал bootstrap!
код следующий:
div class="container"
div class="row"
div class="col-md-12"
в этом контейнере находится шапка, логотип, меню, слайдер-бутстраповский.
/div
/div
/div
div class="container"
div class="row"
div class="col-md-8"
в этом контейнере контент с левой стороны.
/div
/div
/div>
div class="col-md-4"
сайдбар с правой стороны.
/div
div class="container"
div class="row"
div class="col-md-12"
футер
/div
соответственно все параметры по выравниванию заданы в CSS, строго не судите, учусь..
  • Вопрос задан
  • 362 просмотра
28 комментариев
Подписаться 1 Оценить 28 комментариев
Решения вопроса 1
sftutukov
@sftutukov
Из кода, у вас 
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>
<div class="container">
  <div class="row">
       <div class="col-md-8"></div>
  </div>
</div>
<div class="col-md-4"></div>
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>


Как должно быть
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-8"></div>
    <div class="col-md-4"></div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Выложить 75 курсов на геткурс и настроить базовые функции
26 нояб. 2024, в 02:18
15000 руб./за проект
Редизайн и доработка интернет магазина на wordPress
25 нояб. 2024, в 23:42
50000 руб./за проект
Разработка мобильного приложения с дополненной реальностью (AR)
25 нояб. 2024, в 23:32
200000 руб./за проект
Ещё заказы