Styles de bouton dans Twitter Bootstrap

Question

Je commence juste avec Bootstrap et je suis bloqué à l'étape initiale. J'essaye de modifier le marketing-narrow.html (exemple par défaut de docs/exemples) pour rendre le bouton d'affichage plus petit.

j'ai changé

<a class="btn btn-large btn-success" href="#">Sign up today</a> 

à

<a class="btn btn-small btn-success" href="#">Sign up today</a> 

et il n'y avait aucun changement visuel du tout! Qu'est-ce que je fais mal?

Answer 1

Ils remplacent certains attributs à cette règle:

.jumbotron .btn { 
    font-size: 21px; 
    padding: 14px 24px; 
} 

le soulignement affect est que btn-small et btn-large sont les mêmes dans le contexte de .jumbotron.

---

supprimer jumbotron classe pour la BTN-petite fonctionnera comme prévu:

<div> 
     <h1>Super awesome marketing speak!</h1> 
     <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> 
     <a class="btn btn-small btn-success" href="#">Sign up today</a> 
</div> 

Answer 2

petit bouton HTML supplémentaire:

<button class="btn btn-warning btn-xs" type="button">Extra small button</button> 
<button class="btn btn-success btn-xs" type="button">Extra small button</button> 

http://twitterbootstrap.org/bootstrap-css-success-buttons/