Menu vertical dans Bootstrap

Question

Existe-t-il un moyen de créer un menu vertical (pas un menu déroulant, un menu vertical entièrement séparé sur la barre latérale) en utilisant une classe bootstrap ? Je peux en créer un en utilisant mon css, mais je veux juste savoir s'il y a une classe intégrée pour cela dans bootstrap, ou si cela peut être fait en utilisant la barre supérieure avec n'importe quel hack ?

Answer 1

La question est maintenant ancienne.

Mais si quelqu'un regarde ici, l'astuce dans la version actuelle est d'utiliser la classe nav-stack, comme ceci :

<nav>
  <ul class="nav nav-pills nav-stacked span2">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Answer 2

La classe "nav nav-list" de Twiter Bootstrap 2.0 est pratique pour construire une barre latérale.

Vous pouvez consulter une grande partie de la documentation à l'adresse suivante http://www.w3resource.com/twitter-bootstrap/nav-tabs-and-pills-tutorial.php

Answer 3

Avec Bootstrap 2.0, vous pouvez donner à vos onglets la classe "stackable", qui les fait s'empiler verticalement.

Answer 4

Avec quelques surcharges CSS, je trouve que le plugin accordéon / collapse fonctionne bien comme un menu vertical de la barre latérale. Voici un petit échantillon de quelques surcharges que j'utilise pour un menu sur un fond blanc. L'accordéon est placé dans un conteneur de section :

.accordion-group
{
    margin-bottom: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #E5E5E5;
    border-top: none;
    border-left: none;
    border-right: none;
}

.accordion-heading:hover
{
    background-color: #FFFAD9;
}

Answer 5

Voici un menu vertical basé sur Bootstrap http://www.okvee.net/articles/okvee-bootstrap-sidebar-menu il prend également en charge le responsive design.