La liste déroulante n'est pas le type dans le formulaire <lelect> <Option Value = ''> </ Option> </lect>, mais le type couramment trouvé dans la barre de navigation.
Le site Web officiel de Bootstrap a très peu d'explications pour la liste déroulante du menu déroulant, même leur site officiel d'anglais.
Il n'y a aucune explication spécifique sur la façon de modifier la couleur d'arrière-plan du menu déroulant, si l'hyperlien noir par défaut du menu déroulant est modifié et comment changer le menu déroulant en un hyperlien normal au lieu du style de texte, le site officiel n'a pas d'explication spécifique.
De plus, le code hyperlien du site officiel est mélangé à de nombreux paramètres inutiles.
L'auteur étudie depuis longtemps avant de trouver un moyen de modifier le menu déroulant.
Ce qui suit est le menu déroulant de IE8 pour bootstrap. À l'avenir, vous devez utiliser IE8 pour le tester . Des navigateurs avancés tels que Google ont couvert de nombreux bogues.
Fournit comment modifier la couleur d'arrière-plan du menu déroulant, comment modifier le menu déroulant en un hyperlien normal au lieu du style de texte si vous modifiez l'hyperlien noir par défaut.
Quant à la façon de changer le cadre du menu déroulant, je suis vraiment impuissant.
Pour l'implémentation spécifique du menu déroulant ci-dessus, veuillez vous référer au code suivant:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "content-type" content = "text / html; charset = utf-8" /> <link href = "css / bootsstrap.css" rel = "StyleEet" media = "script"> <script " type = "text / javascript" src = "js / jQuery-1.11.1.js"> </ script> <script type = "text / javascript" src = "js / bootstrap.js"> </ script> <Title Menu dropdown dropdown </ title> </ head> <body> <v> <! - Modifier le menu BTN-Default to btn-lilink pour faire un textère de textère de textère pour les default pour btn-lin --> <button type="button" data-toggle="dropdown"> Dropdown menu<!--This is the small triangle next to the dropdown menu--> <span></span> </button> <!--The dropdown-menu in the class and label-warning properties can change the background color of the dropdown menu--> <ul role="menu"> <li> <!--The text-info in the class here in the span is to make the color of the link in Le menu déroulant du noir au bleu qui ressemble plus à un hyperlien -> <a href = "#"> <span> Projet 1 </span> </a> </li> <li> <a href = "#"> <span> Projet 2 </span> </a> </li> </ul> </div> </body> </html>
Le menu déroulant ne fonctionnera pas sans le support JQuery. Le menu déroulant est à l'origine un composant JavaScript.
Avant Bootstrap, écrivez un menu déroulant pour définir une couche cachée. Ce calque sera affiché après que la souris plane ou clique sur le lien hypertexte correspondant. Lorsque la souris plane ici pour masquer le calque, le calque caché sera toujours affiché. Lorsque la souris quitte cette couche cachée, la couche cachée continuera de passer de l'écran à caché, ce qui est très gênant.
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.