Aligner la liste en bas à gauche

Comment pourrais-je faire la liste en bas de la div ne pas aller au-delà de la liste bouton de droite, comme dans l'image:
Aligner la liste en bas à gauche

Voici mon code.

HTML:

<a href="#" tabindex="0" class="btn btn" role="button" data-toggle="popover" data-trigger="focus" data-content="<input>">
    Search
</a>

Javascript:

$('[data-toggle="popover"]').popover({
                     trigger: 'manual',
                     placement: 'bottom',
                     html: true
                  }).click(function (e) {
                     e.preventDefault();
                     $(this).popover('show');
                  });

Bootply:

http://www.bootply.com/3SLzUgPyrV

  • vous pouvez essayer quelque chose comme cela et l'adapter à vos besoins. bootply.com/NZRFyE1zPw
  • c'est ce dont j'ai besoin, mais de toute façon pour enlever cette étrange réorganisant effet?
  • J'ai créé une réponse avec le correctif.
InformationsquelleAutor BernardoLima | 2014-11-24