freeCodeCamp/guide/spanish/certifications/front-end-libraries/bootstrap/apply-the-default-bootstrap.../index.md

1.1 KiB

title localeTitle
Apply the Default Bootstrap Button Style Aplicar el estilo de botón predeterminado Bootstrap

Aplicar el estilo de botón predeterminado Bootstrap

El último desafío lo llevó a crear 6 botones, 3 en cada caja, esta vez se le pedirá que agregue clases a esos botones.

Insinuación

Una clase se declara usando la siguiente sintaxis:


<button class="class(es)Name"></button> 

Solución

Dado que tiene que agregar las clases btn y btn-default , la siguiente es la solución:


<div class="container-fluid"> 
  <h3 class="text-primary text-center">jQuery Playground</h3> 
  <div class="row"> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
  </div> 
 </div>