Comment faire un bouton Bootstrap pleine largeur?
C'est ce que j'ai en ce moment. Je n'arrive pas à devenir pleine largeur
C'est le html. J'ai déjà essayé d'ajouter .btn-bloc de la classe mais j'obtiens le même résultat que si j'ai juste utilisé width: 100%; dans le css. Peut-être que le problème est avec l'élément parent?
<article class="col-xs-12 col-md-4">
<div class="label label-success price"><span class="glyphicon glyphicon-tag"></span>$39</div>
<div class="price-title">
<h3>LOREM</h3>
<small>Lorem Ipsum</small>
</div>
<div class="price-content ">
<ul>
<li><h4>Item or Service # 1</h4></li>
<li><h4>Item or Service # 2</h4></li>
<li><h4>Item or Service # 3</h4></li>
<li><h4>Item or Service # 4</h4></li>
<li><h4>Item or Service # 5</h4></li>
<li><h4>Item or Service # 6</h4></li>
</ul>
<a href="#"><div class="btn btn-success">Sign Up</div></a>
</div>
</article>
Et ce sont les styles
#tables{
color: white;
text-align: center;
margin: 15px 20px;}
.price{
position: relative;
top: 20px;
font-size: 30px;}
.price-content{
background-color: #E8E9EA;
color: #69696A;
padding-right: 50px;
padding-top: 30px;
height: 350px;
margin-bottom: 80px;
width: 100%;}
.btn{
border-radius: 0px;
font-size: 20px;
font-weight: bold;
width: 100%;}
source d'informationauteur David Liu
Vous devez vous connecter pour publier un commentaire.
Bien première question... pourquoi diable êtes-vous imbrication d'une div à l'intérieur de la
a
tag?<a href="#"><div class="btn btn-success">Sign Up</div></a>
. Essayez ceci:Puis retirez
padding-right: 50px;
de la.price-content
sélecteur.Je pense que c'est parce que vous êtes à l'aide de
dans
Essayez de déplacer le déménagement de votre bouton à l'extérieur de prix-contenu de la div.