freeCodeCamp/add-elements-within-your-bootstrap-wells.spanish.md at f9eefa18f08215362f795a5ef9754c5c9b7aa4f3

Files

Víctor Lasa f9eefa18f0 Fixed Google translations and added Solution (#37488 )

Also modified the wording to be more cohesive with the rest of the documentation.

2020-03-26 11:23:03 -07:00

2.4 KiB

Raw Blame History

id, title, challengeType, videoUrl, localeTitle

id	title	challengeType	videoUrl	localeTitle
bad87fee1348bd9aec908849	Add Elements within Your Bootstrap Wells	0		Agrega elementos dentro de tus cajas de Bootstrap

Descripción

Ya tenemos varios elementos div en cada columna de nuestra fila. No necesitamos ahondar más. Ahora podemos añadir nuestros elementos button. Anida tres elementos button dentro de cada uno de sus elementos well div.

Instrucciones

Tests

tests:
  - text: Anida tres elementos <code>button</code> dentro de cada uno de tus elementos <code>div</code> con clase <code>well</code>.
    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
  - text: Deberías tener un total de 6 elementos <code>button</code>.
    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
  - text: Asegúrate de que todos los elementos de tus <code>button</code> tengan etiquetas de cierre.
    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have closing tags.");'

Challenge Seed

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



      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">



      </div>
    </div>
  </div>
</div>

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></button>
        <button></button>
        <button></button>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
  </div>
</div>

2.4 KiB Raw Blame History