Как сделать tabs внизу экрана с переключением по вкладкам?

Question

[nikita_chiru]

Как можно организовать такой "БАР" на бутстрапе или чистом html+js?

вот ссылка для примера работы
Заранее всем спасибо)

Answer 1

[Robert Bl]

Сделайте отдельные дивы, и в зависимости кто активный показывайте их

Comments

[nikita_chiru]

а ajax сработает , что б страницу не перезагружать ?

[Robert Bl]

nikita_chiru: Мой вариант не предусматривает ajax. Это обычное изменение состояние дерева с помощью событий

Answer 2

[Александр Заикин]

https://www.w3schools.com/bootstrap/tryit.asp?file...

переключатель под переключаемый блоки и все отлично ;)

Comments

[nikita_chiru]

делал, но не получается закрепить снизу грамотно)

[Александр Заикин]

flexbox используйте
для основного контейнера

flex-direction: column // выстроит вертикально блоки
justify-content: space-between // растянет по высоте, прижав последний к низу главного

пробуйте // должно получится

[nikita_chiru]

<div class="navbar-fixed-bottom row-fluid" 
        <div class="navbar-inner">

вот так получилось )

[Александр Заикин]

те все как надо ?

[nikita_chiru]

Александр Заикин: да, большое спасибо)

[Александр Заикин]

)) ну и чудно !