Почему не работает адаптация бутстрапа

@TVPNERO · Регистрация: 29.03.2016

Author24 — интернет-сервис помощи студентам

Не работает адаптация меню на странице(прикрепляю скрин) и не понимаю почему.

вот залил на хостинг
http://www.tvpnero.ho.ua/mars/index.html

@Fedor92 · 10.01.2017, 16:32

И причём тут бутсрап, если у Вас для элементов заданы фиксированные размеры?

@TVPNERO · 10.01.2017, 16:46 **[ТС]**

Fedor92, для меню не задано размеры

Добавлено через 4 минуты
Fedor92, о каких именно элементах идет речь?

@Fedor92 · 10.01.2017, 17:04

Сообщение от TVPNERO

Fedor92, для меню не задано размеры

Ладно постатараюсь объяснить вкратце... Зачем подключать к странице бутстрап, если у Вас кроме меню вся вёрстка фиксированная? Где логика? Если вертстаете сайт с бустрапом, то используйте фреймворк для всех элементов... Это первое... Во-вторых, стили бутстрапа применяются к меню! В-третьих, если Вам необходимо сделать адаптивное меню, то шаблон лучше всего верстать сегментами, сначала меню, а потом всё остальное...

@TVPNERO · 10.01.2017, 17:28 **[ТС]**

Fedor92, у меня макет на 1920 пх поэтому я задал боди 1920 пх.
А класс прописал md чтоб при уменьшении экрана сразу же происходила адаптация.

Задача сверстать страницу адаптивно аж до 382 пикселей.

Сообщение от Fedor92

у Вас кроме меню вся вёрстка фиксированная?

При разрешении экрана 1920 px боди будет 1920 пикселей

Так в чем же проблема? в том что задана фиксированная ширина боди?
Если да то как верстать страницу под 1920 пикселей не задавая фиксированную ширину для боди ?

@gooseim · 10.01.2017, 18:53

Сообщение от TVPNERO

Если да то как верстать страницу под 1920 пикселей не задавая фиксированную ширину для боди ?

Для body не нужно задавать ширину. Ширину надо задавать для контейнера. Например, с помощью @media (min-width) или @media (max-width).

В bootstrap есть класс container, который меняет ширину в зависимости от viewport. Правда, для 1920 он не заточен, но можно пересобрать кастомно.

@TVPNERO -26 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
		1
	Почему не работает адаптация бутстрапа 10.01.2017, 16:24. Показов 1291. Ответов 5 Метки bootstrap, css, html (Все метки) Не работает адаптация меню на странице(прикрепляю скрин) и не понимаю почему. вот залил на хостинг http://www.tvpnero.ho.ua/mars/index.html Миниатюры 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	10.01.2017, 16:32	2
	И причём тут бутсрап, если у Вас для элементов заданы фиксированные размеры? 0

@TVPNERO -26 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	10.01.2017, 16:46 [ТС]	3
	Fedor92, для меню не задано размеры Добавлено через 4 минуты Fedor92, о каких именно элементах идет речь? 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	10.01.2017, 17:04	4
	Сообщение от TVPNERO Fedor92, для меню не задано размеры Ладно постатараюсь объяснить вкратце... Зачем подключать к странице бутстрап, если у Вас кроме меню вся вёрстка фиксированная? Где логика? Если вертстаете сайт с бустрапом, то используйте фреймворк для всех элементов... Это первое... Во-вторых, стили бутстрапа применяются к меню! В-третьих, если Вам необходимо сделать адаптивное меню, то шаблон лучше всего верстать сегментами, сначала меню, а потом всё остальное... 0

@TVPNERO -26 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	10.01.2017, 17:28 [ТС]	5
	Fedor92, у меня макет на 1920 пх поэтому я задал боди 1920 пх. А класс прописал md чтоб при уменьшении экрана сразу же происходила адаптация. Задача сверстать страницу адаптивно аж до 382 пикселей. Сообщение от Fedor92 у Вас кроме меню вся вёрстка фиксированная? При разрешении экрана 1920 px боди будет 1920 пикселей Так в чем же проблема? в том что задана фиксированная ширина боди? Если да то как верстать страницу под 1920 пикселей не задавая фиксированную ширину для боди ? 0

@gooseim 516 / 421 / 92 Регистрация: 23.09.2010 Сообщений: 1,165
	10.01.2017, 18:53	6
	Сообщение от TVPNERO Если да то как верстать страницу под 1920 пикселей не задавая фиксированную ширину для боди ? Для body не нужно задавать ширину. Ширину надо задавать для контейнера. Например, с помощью @media (min-width) или @media (max-width). В bootstrap есть класс container, который меняет ширину в зависимости от viewport. Правда, для 1920 он не заточен, но можно пересобрать кастомно. 1