Responsive Design
. Com design responsivo, não há necessidade de projetar uma versão móvel do seu site. Ficará bem em dispositivos com telas de qualquer largura. Você pode adicionar o Bootstrap a qualquer aplicativo adicionando o seguinte código ao topo do seu HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
Neste caso, nós já adicionamos para você nesta página nos bastidores. Observe que usar >
ou />
para fechar a tag de link
é aceitável. Para começar, devemos aninhar todo o nosso HTML (exceto a tag de link
e o elemento de style
) em um elemento div
com a classe container-fluid
. div
deve ter a classe container-fluid
.
testString: 'assert($("div").hasClass("container-fluid"), "Your div
element should have the class container-fluid
.");'
- text: Certifique-se de que seu elemento div
tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/div>/g) && code.match(/style
fechamento em .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: