¿Cómo representar el menú desplegable de arranque sobre el objeto?

Resuelto Alexandru R asked hace 11 años • 2 respuestas

Tengo este HTML que muestra un menú desplegable de arranque debajo del objeto. ¿Es posible hacer que aparezca encima del botón Título? 

<div class="btn-group">
          <a class="btn dropdown-toggle" data-toggle="dropdown">
            Title
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
                <li class="dropdown-submenu"><a>Option 1</a></li>
                <li class="dropdown-submenu"><a>Option 1</a></li>
                 (various number of <li>)
          </ul>
        </div>

Lo he probado position:absolute; top:50pxpero no funciona en ningún caso.
¡Gracias!

Alexandru R avatar Sep 18 '13 21:09 Alexandru R
Aceptado

Esto es, por defecto, parte de lo que Bootstrap puede hacer. Está en los documentos en Menús desplegables de botones: menús desplegables

<div class="btn-group dropup">

Como está en una posición absoluta, necesitarás algo de espacio encima del botón para poder ver el menú desplegable, por lo que no lo usaría en la parte superior de una página.

He preparado un violín aquí para ti. Si elimina el <br>de la parte superior, verá que las opciones del menú están ocultas en la parte superior del cuadro de salida.

avatar Sep 18 '2013 16:09