48 votes

Comment agrandir les boutons twitter bootstrap ?

J'apprends le html, le css et le twitter bootstrap au fur et à mesure.

  <div id="button" style=" position:absolute;top:450px; left:350px;">
        <p>
        <a href="https://docs.google.com/forms/d/1Exo4u2iRpChj- 
           Wg9K5HxteMeoVE1uee0fQKBWiuYYiw/viewform?pli=1" class="btn btn-primary btn-  
           large">Search
        </a>
    </p>
    </div>

Je veux augmenter la taille de la police de ce bouton et donc le rendre plus grand. Quelqu'un pourrait-il m'aider à le faire ?

Merci !

75voto

Agustin Points 384

Cela a changé dans Bootstrap 3.

Maintenant c'est .btn-lg, .btn-sm, ou .btn-xs

https://getbootstrap.com/docs/3.4/css/

64voto

ZZPLKF Points 1672

Voici les tailles que bootstrap offre dès la sortie de la boîte.

.btn-large
.btn-small
.btn-mini

en savoir plus aquí

c'est sous Button sizes

Edit :

ou vous pouvez faire le vôtre :

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

Source située aquí

9voto

Mike Buckbee Points 3907

Cela a encore changé dans Bootstrap 4.

Maintenant, il y a seulement .btn-lg y .btn-sm

https://getbootstrap.com/docs/4.0/components/buttons/#sizes

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X