Básico

Por padrão, todos .panel aplica um border e padding para conter algum conteúdo.

Conteúdo.

Com Heading

Adicione facilmente um heading container em seu panel com .panel-heading. Você também pode incluir qualquer h1 - h6 com um .panel-title para adicionar um heading pré-formatado.

Título

Conteúdo.

Título

subtítulo

Conteúdo.

Com rodapé

Botões ou textos secundários com .panel-footer. Note que os rodapés do painel não herdam cores e bordas ao usar variações contextuais como eles não são destinadas a estar em primeiro plano.

Conteúdo.

Diferenciados

Como outros componentes, é possível facilmente fazer um painel diferenciado para um contexto particular por adição de qualquer uma das classes contextuais.

Alternativa Contextual

Como em outros componentes, é possível fazer um painel diferenciado para um contexto particular adicionando uma classe contextual.

Título

.panel-primary

Título

subtítulo

.panel-primary

Título

.panel-success

Título

subtítulo

.panel-success

Título

.panel-warning

Título

subtítulo

.panel-warning

Título

.panel-danger

Título

subtítulo

.panel-danger

Título

.panel-info

Título

subtítulo

.panel-info

Título

.panel-dark

Título

subtítulo

.panel-dark

Transparente

Defina o painel de fundo transparente.

Título

Conteúdo.

Título

Subtítulo

Conteúdo.