Bootstrap Dropdown Button avec le niveau de bloc?
Je suis en train de faire un bootstrap 3 déroulant bouton accepter la pleine largeur (.btn-bloc de la classe) des propriétés. Il ne semble pas fonctionner de la même manière, avec la liste déroulante comme il le fait régulièrement des boutons. Voici mon code actuel:
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<!-- Single button -->
<div class="btn-group">
<button type="button" class="btn btn-primary btn-block dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-cog"></span> Dealer Tools <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Dealer Area</a></li>
<li class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-phone"></span> App Registration</a></li>
</ul>
</div>
<!-- Single button -->
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<a href="http://www.agrigro.com/testarea/contact-us/">
<button type="button" class="btn btn-primary btn-block">
<span class="glyphicon glyphicon-envelope"></span> CONTACT US
</button>
</a>
</div>
</div>
Comment puis-je obtenir ce travail à droite de sorte que le bouton de la liste déroulante prend toute la col-6?
source d'informationauteur streetfire
Vous devez vous connecter pour publier un commentaire.
Appliquer
btn-block
à la fois à l'btn-group
etbtn
Démo: http://bootply.com/101166
Lors de l'utilisation d'une liste déroulante, appliquer btn-bloc btn-groupe d'abord, puis vous pouvez ajouter des col-?-? dans le bouton de classe pour le contrôle de la largeur du bouton sections. Pratique petit truc.
Pour seul bouton déroulant @Skelly réponse œuvres. Pour le split bouton déroulantj'ai eu la réponse de Dave Ward's À l'aide de btn-bloc avec Bootstrap 3 bouton de la liste déroulante des groupes.
Il utilise
col-*-*
pour le split boutons