O menu suspenso não é o tipo no formulário <SElect> <opção value = ''> </pption> </leclect>, mas o tipo comumente encontrado na barra de navegação.
O site oficial do Bootstrap tem muito pouca explicação para o menu suspenso suspenso, até o site oficial do inglês.
Não há explicação específica sobre como alterar a cor de fundo do menu suspenso, se o hiperlink preto padrão do menu suspenso for modificado e como alterar o menu suspenso para um hiperlink normal em vez do estilo de texto, o site oficial não tem explicação específica.
Além disso, o código HyperLink do site oficial é misturado com muitos parâmetros inúteis.
O autor estuda há muito tempo antes de encontrar uma maneira de alterar o menu suspenso.
A seguir, o menu suspenso do IE8 para Bootstrap. No futuro, você deve usar o IE8 para testá -lo. Navegadores avançados como o Google cobriram muitos bugs.
Fornece como alterar a cor de fundo do menu suspenso, como alterar o menu suspenso para um hiperlink normal em vez do estilo de texto se você modificar o hiperlink preto padrão.
Quanto a como alterar o quadro do menu suspenso, sou realmente impotente.
Para a implementação específica do menu suspenso acima, consulte o seguinte código:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <link href = "css/bootsT.CssSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSR = UTF-8"/> <link = "" CSS/" type = "text/javascript" src = "js/jQuery-1.11.1.js"> </script> <script type = "text/javascript" src = "js/bootstrap.js"> </script> <title title menu suspenso </title> para head.js <body>> <divy> </script> <title> menu Dropdown <n-dt para head> <body> <div> menu suspenso-> <botão type = "button" data-toggle = "suspenso"> menu suspenso <!-Este é o pequeno triângulo ao lado do menu suspenso-> <span> </span> </button> <!-o menu suspenso da classe e a cor da classe e a cor da classe e a cor de reverência do menu suspenso-na classe <lul e a classe e a coroa e a cor de reverência e a cor de reverência do menu suspenso-na classe <lul e na classe e a cor de reverência e a cor de reverência da coloração da classe e a cor de reverência e a cor de reverência e a cor de reverência é a cor de reverência do menu suspenso-na classe <lul e na classe <li> a cor da classe <li> a cor de reverência! O link no menu suspenso de preto ao azul que se parece mais com um hiperlink-> <a href = "#"> <pan> Projeto 1 </span> </a> </li> <li> <a href = "#"> </span> Projeto 2 </span> </a> </li> </ul> </div> </body> </shm>
O menu suspenso não funcionará sem suporte ao jQuery. O menu suspenso é originalmente um componente JavaScript.
Antes do bootstrap, escreva um menu suspenso para definir uma camada oculta. Essa camada será exibida após o mouse calar ou clicar no hiperlink correspondente. Quando o mouse paira aqui para ocultar a camada, a camada oculta ainda será exibida. Quando o mouse deixa essa camada oculta, a camada oculta continuará mudando de exibição para oculta, o que é muito problemático.
Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.