Augmentation de bootstrap menu déroulant largeur

demandais si quelqu'un a des conseils sur la façon d'augmenter la liste déroulante de la largeur?

J'ai une ligne contenant deux colonnes avec un peu de javascript que les diapositives de la liste déroulante en haut et en bas lorsqu'il est sélectionné. Le problème que j'ai c'est que je n'arrive pas à comprendre comment augmenter la liste déroulante largeur lorsqu'il est sélectionné, idéalement la liste déroulante correspondent à la taille de la colonne. Mais ce qui se passe est que le menu déroulant, la largeur est seulement de la même taille que le texte dans la liste déroulante quelqu'un a une suggestion sur la façon d'augmenter la liste déroulante de la largeur pour correspondre à la taille de la colonne?

<div class="row question">
<div class="dropdown">
<div class="col-md-6" data-toggle="dropdown">
First column
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
</ul>
</div>
</div><!-- end of the dropdown -->
<div class="dropdown">
<div class="col-md-6" data-toggle="dropdown">
second column
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
<li>Insert your menus here</li>
</ul>
</div>
</div>
</div><!--end of the row question -->
<script>
//ADD SLIDEDOWN ANIMATION TO DROPDOWN //
$('.dropdown').on('show.bs.dropdown', function(e){
$(this).find('.dropdown-menu').first().stop(true, true).slideDown();
});
//ADD SLIDEUP ANIMATION TO DROPDOWN //
$('.dropdown').on('hide.bs.dropdown', function(e){
$(this).find('.dropdown-menu').first().stop(true, true).slideUp();
});
</script>
Où est ton CSS? Voici un JS Fiddel où vous pouvez ajouter, pour nous montrer: jsfiddle.net/h53UE/1

OriginalL'auteur ChoclateLove | 2014-04-13

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *