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?

InformationsquelleAutor Jand | 2016-02-29