---
id: bad87fee1348cd8acef08812
title: Criar um botão de elemento de bloco do Bootstrap
challengeType: 0
forumTopicId: 16810
dashedName: create-a-block-element-bootstrap-button
---
# --description--
Normalmente, os elementos `button` com as classes `btn` e `btn-default` são apenas tão grandes quanto os textos que eles contêm. Por exemplo:
```html
```
Este botão seria apenas tão largo quanto a palavra `Submit`.
Tornando-os elementos de bloco com a classe adicional `btn-block`, o botão vai esticar para preencher todo o espaço horizontal da sua página e qualquer elemento seguinte vai fluir para uma nova linha abaixo do bloco.
```html
```
Esse botão ocuparia 100% da largura disponível.
Note que esses botões ainda precisam da classe `btn`.
Adicione a classe `btn-block` do Bootstrap ao botão do Bootstrap.
# --hints--
O botão ainda deve ter as classes `btn` e `btn-default`.
```js
assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
```
O botão deve ter a classe `btn-block`.
```js
assert($('button').hasClass('btn-block'));
```
Todos os seus elementos `button` devem ter tags de fechamento.
```js
assert(
code.match(/<\/button>/g) &&
code.match(/