Перейти к содержимому


Внимание!

На форуме можно зарегистрироваться в два клика, используя социальную сеть Вконтакте. Для этого нажмите сюда.


Фотография
- - - - -

Вертикальное меню используя Bootstrap


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 walker43

walker43

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 25 Сентябрь 2017 - 20:07

Как вы делаете вертикальное меню используя готовые решения Bootstrap? 

Для вертикального меню есть готовое решение или может даже несколько вариантов? 

Спасибо заранее за примеры.


  • Igorekenush это нравится

#2 Zenit

Zenit

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 198 сообщений

Отправлено 25 Сентябрь 2017 - 22:48

1.
<ul class="nav" style = "background: #333;">
2.
<li><a href="#">Главная</a></li>
3.
<li><a href="#">Настройки</a></li>
4.
<li><a href="#">Написать автору</a></li>
5.
</ul>

Для простого вертикального меню получается что все элементарно и просто.

Всего в 5 строчках прописать и уже он у вас есть.

Но надо поместить в блоке с фиксированными размерами.

1.
<div class = "col-xs-12 col-md-4">
2.
<ul class="nav" style = "background: #333;">
3.
<li><a href="#">Главная</a></li>
4.
<li><a href="#">Настройки</a></li>
5.
<li><a href="#">Написать автору</a></li>
6.
</ul>
7.
</div>

Все предпочитают определить некие фиксированные параметры для меню.


  • Igorekenush это нравится

#3 blacker

blacker

    Продвинутый пользователь

  • Администраторы
  • 311 сообщений
  • ГородАнапа

Отправлено 26 Сентябрь 2017 - 10:01

не проще ли плагинами решить?
https://bootsnipp.com/snippets/nP8E7

https://codepen.io/anon/pen/OmvpoG


  • Igorekenush это нравится
AiKi Engine - www.digiport.ru




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных