<sectionid="description"> Normalmente, seus elementos de <code>button</code> com as classes <code>btn</code> e <code>btn-default</code> são tão largos quanto o texto que eles contêm. Por exemplo: <code><button class="btn btn-default">Submit</button></code> Esse botão seria tão largo quanto a palavra "Submit". <buttonclass="btn btn-default">Submit</button> Ao torná-los elementos de bloco com a classe adicional de <code>btn-block</code> , seu botão se estenderá para preencher todo o espaço horizontal de sua página e todos os elementos seguintes irão fluir para uma "nova linha" abaixo do bloco. <code><button class="btn btn-default btn-block">Submit</button></code> Esse botão ocuparia 100% da largura disponível. <buttonclass="btn btn-default btn-block">Submit</button> Observe que esses botões ainda precisam da classe <code>btn</code> . Adicione a classe <code>btn-block</code> Bootstrap ao seu botão Bootstrap. </section>
- text: Seu botão ainda deve ter as classes <code>btn</code> e <code>btn-default</code> .
testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your button should still have the <code>btn</code> and <code>btn-default</code> classes.");'
- text: Seu botão deve ter a classe <code>btn-block</code> .
testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class <code>btn-block</code>.");'
- text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g)&&code.match(/<\/button>/g).length === code.match(/<button/g).length,"Makesureallyour<code>button</code> elements have a closing tag.");'