bootstrap адаптивность и абсолютное позиционирование.

[comSaaxov]

Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/

 

возникло пара нюансов:

 

-при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) 

-как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

[sigma77]

1. Меню обычно сворачивают в "гамбургер" - http://getbootstrap.com/components/#navbar

Какие отступы имеются ввиду? Отступы в %% считаются от ширины элемента. Если она не меняется, то и отступы менятся не будут.

 

2. Какого именно блока и какое поведение должно быть? Если форма поиска, ее просто можно расположить по центру. Для xs-ширины её еще придется и уменьшить.

[comSaaxov]

про гамбургер это понятно, решение для мобильных, но к примеру я хочу что бы на планшете 10 дюймов, и разрешении экрана от 768 и до 1200 пикселей меню было горизонтальным и распологалось в одну линию, пропорционально уменьшая отступы между ли. Я ставил отступы в % но результат был такой же как и с пикселями.

[Andryshok]

про гамбургер это понятно, решение для мобильных, но к примеру я хочу что бы на планшете 10 дюймов, и разрешении экрана от 768 и до 1200 пикселей меню было горизонтальным и распологалось в одну линию, пропорционально уменьшая отступы между ли. Я ставил отступы в % но результат был такой же как и с пикселями.

<div class="col-xs-6 col-md-3 hidden-xs hidden-sm">							<div class="col-xs-12 col-md-9 visible-xs visible-sm">

такие вот фишки используйте

[comSaaxov]

Спасибо за ответ, но как скрытие блоков поможет в моем вопросе?

 

Возможно я немного расплывчато описал проблему, у меня не получается отобразить меню в горизонтальном состоянии без переноса пунктов меню при изменении размера экрана от 726пикселей до 1200пикселей. я задавал меню классы  сol-lg-12 col-md-12, ставил отступы в %, но все равно при уменьшении разрешения экрана пункты меню не сдвигаются уменьшая отступы пропорционально, а переносятся на другую строку.

[swandev]

пункты меню не сдвигаются уменьшая отступы пропорционально, а переносятся на другую строку.

 

flexbox?

https://jsfiddle.net/83feb51u/

[comSaaxov]

flexbox, конечно вариант, но как бы вы сделали меню(для шаблона по ссылке) с заданными отступами, что-бы оно ужималось до ширины 768пикселей умещаясь в одну строку и не вылохило за границы контейнера?