Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Conceptos básicos de Bootstrap Usar Componentes Bootstrap Navegación en Línea y Botones Desplegables

Publicado por JASON PETERSEN
JASON PETERSEN
14,266 Puntos

Bootstrap Alternancia de Menú Desplegable Dividido mostrando, a pesar de .visually-hidden

Estoy intentando hacer un menú de navegación desplegable de alternancia dividida. El 'alternador desplegable' debe estar oculto, pero es visible a pesar de tener class="visually-hidden". ¿Cómo hago para que no sea visible?

El código fue copiado/pegado directamente del sitio web de bootstrap, solo

Aquí está el código del menú desplegable. (Realmente estoy haciendo un desplegable hacia arriba, pero es lo mismo).

<div class=btn-group dropup>
  <botón type=button class=btn btn-danger>
    Otras conferencias
  </botón>
  <botón type=button class=btn btn-danger dropdown-toggle dropdown-toggle-split data-bs-toggle=dropdown aria-expanded=falso>
    <span class=visually-hidden>Alternar menú desplegable</span>
  </botón>
  <ul class=dropdown-menu>
    <a class=dropdown-item href=Espero que esto le ahorre mucho tiempo a algunas personas si se quedan atrapadas...>CSS Conf</a>
  </ul>
</div>```
jb30
jb30
45,664 Puntos

¿Estás usando Bootstrap 4 o Bootstrap 5? Si estás usando Bootstrap 4, podrías intentar agregar la clase "sr-only".

JASON PETERSEN
JASON PETERSEN
14,266 Puntos

bootstrap 5.1, el más reciente

1 Respuesta

JASON PETERSEN
JASON PETERSEN
14,266 Puntos

jb30,

eso funcionó en realidad. Necesitaba sr-only. Me sorprende que no haya funcionado ya que actualicé el archivo javascript y copié este desplegable del sitio web. pero no lo sé.

¡Gracias por tu ayuda!