div
. O Bootstrap possui diferentes atributos de largura de coluna, dependendo do tamanho da tela do usuário. Por exemplo, os telefones têm telas estreitas e os laptops têm telas mais amplas. Tomemos por exemplo a classe col-md-*
do Bootstrap. Aqui, md
significa médio e *
é um número que especifica quantas colunas o elemento deve ter. Nesse caso, a largura da coluna de um elemento em uma tela de tamanho médio, como um laptop, está sendo especificada. No Cat Photo App que estamos criando, usaremos col-xs-*
, onde xs
significa extra pequeno (como uma tela extra-pequena para celular), e *
é o número de colunas que especificam quantas colunas a largura elemento deve ser. Coloque os botões Like
, Info
e Delete
lado a lado aninhando todos os três dentro de um elemento <div class="row">
, então cada um deles dentro de um elemento <div class="col-xs-4">
. A classe de row
é aplicada a uma div
e os próprios botões podem ser aninhados nela. div
com a row
da turma.
testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same div
element with the class row
.");'
- text: Cada um dos seus botões do Bootstrap deve ser aninhado dentro de seu próprio elemento div
com a classe col-xs-4
.
testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own div
element with the class col-xs-4
.");'
- text: Certifique-se de que cada elemento do seu button
tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/button>/g) && code.match(/