Responsive Design
. Con un diseño receptivo, no es necesario diseñar una versión móvil de su sitio web. Se verá bien en dispositivos con pantallas de cualquier ancho. Puede agregar Bootstrap a cualquier aplicación agregando el siguiente código en la parte superior de su HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
En este caso, ya lo hemos agregado para esta página detrás de las escenas. Tenga en cuenta que es aceptable usar >
o />
para cerrar la etiqueta de link
. Para comenzar, debemos anidar todo nuestro HTML (excepto la etiqueta de link
y el elemento de style
) en un elemento div
con la clase container-fluid
. div
debe tener la clase container-fluid
.
testString: 'assert($("div").hasClass("container-fluid"), "Your div
element should have the class container-fluid
.");'
- text: Asegúrese de que su elemento div
tiene una etiqueta de cierre.
testString: 'assert(code.match(/<\/div>/g) && code.match(/style
cierre en .container-fluid
.
testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing style
tag in .container-fluid
.");'
```
## Challenge Seed
Click here for cat photos.
Things cats love:
Top 3 things cats hate: