Components
Utility Classes
Textos coloridos
Para deixar algum texto colorido, basta adicionar uma das classes contextuais abaixo.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Backgrounds coloridos
Para deixar o background colorido em algum elemento, basta adicionar uma das classes contextuais abaixo.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Capivaras são azuis, mas este texto pode ter várias cores.
Float forçado
É possível forçar um float para a esquerda ou direita usando as classes pull-left
e pull-right
. Lembre-se de usar a classe clearfix
para limpar a quebra de layout ao final.
Flutuando pra esquerdaFlutuando pra direitaFlutuando pra esquerdaFlutuando pra direita
Elemento centralizado
Você pode centralizar um elemento de largura fixa usando a classe center-block
.
Paradinha no meio
Textos cortados
Você pode quebrar uma string longa usando a classe word-bread-work
, ou adicionar "..." ao final do texto usando a classe word-break-ellipsis
.
Capivaras são legais, mas esse texto é longo demais para 100px de largura.
Umastringgiganteparademonstrarcomoessaclassepodeserútilnasuavida.
Capivaras são legais, mas esse texto é longo demais para 100px de largura.
Umastringgiganteparademonstrarcomoessaclassepodeserútilnasuavida.
Espaçamentos invisíveis
Para adicionar espaçamentos, basta acrescentar um elemento hr
com classe invisible
e o tamanho desejado.
Preciso daquele espaço pequeno
Preciso daquele espaço
Preciso daquele micro espaço
Preciso daquele espaço pequeno
Preciso daquele espaço
Elementos escondidos
Adicione uma classe show
ou hidden
para esconder ou exibir um elemento.
Capivara amostradaCapivara tímida