Задать вопрос
@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, строго не судите, учусь..
  • Вопрос задан
  • 359 просмотров
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 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработка MODX
01 мая 2024, в 09:23
5000 руб./за проект
Интеграция Битрикс в наше FastAPI приложение
01 мая 2024, в 02:11
5000 руб./за проект
Правки в макет Figma
01 мая 2024, в 00:29
2000 руб./за проект
Ещё заказы