Comment faire de bootstrap menu déroulant de la largeur d'être flexible?
Dans le Bootstrap 3, je veux mettre plusieurs liens dans un menu déroulant:
<li class="dropdown">
<a id="alert" data-toggle="dropdown" class="dropdown-toggle" href="#" title="Notification">Notifications </a>
<ul id="noti" class="dropdown-menu">
{% for t in alerts%}
<li>
<a href="/article/{{t.slug}}">{{t.title}}</a>
</li>
{% endfor %}
</ul>
</li>
Le problème est que chaque lien a une largeur différente, alors je me demandais comment définir css pour envelopper même le plus long des liens dans le menu?
Vous devez vous connecter pour publier un commentaire.
J'ai de mettre en œuvre l'extrait de code que vous pouvez modifier selon vos besoins.La partie principale est de CSS modification :
CSS:
HTML:
Essayer la solution de définir dans le lien suivant :
https://github.com/silviomoreto/bootstrap-select/issues/351
Essayer celui-ci.
J'ai tout mis 'div' tag autour de "ul". Cette une a fonctionné pour moi.