.sep-dot

Utilizado somente no elemento hr, conforme o exemplo abaixo.

.ellipsis

Utilizado em casos onde o texto é maior que o elemento assim ele cria ... automaticamente, deixando tudo em apenas uma linha.

Importante dizer que o elemento precisa possuir uma largura, no exemplo abaixo utilizamos a classe col-md-12 que faz parte do grid.

Batatinha quando nasce espalha a rama pelo chão. Menininha quando dorme põe a mão no coração. Sou pequenininha do tamanho de um botão, carrego papai no bolso e mamãe no coração. O bolso furou e o papai caiu no chão. Mamãe que é mais querida ficou no coração.

Batatinha quando nasce espalha a rama pelo chão. Menininha quando dorme põe a mão no coração. Sou pequenininha do tamanho de um botão, carrego papai no bolso e mamãe no coração. O bolso furou e o papai caiu no chão. Mamãe que é mais querida ficou no coração.

.no-style-input

Remove todo o estilo do input.

.no-bold

Locaweb Style

Locaweb Style

.no-radius

Exemplo inserido no elemento well

.no-bullet

Para remover estilo da ul ou ol

	
Nome
	
Idade
	
Cidade


	
Nome
	
Idade
	
Cidade

.text-underline

Para inserir underline nos links, pois por default eles nao possuem.

Link para Locastyle
Link para Locastyle

Classes de opacidade

Pode ser usada pra informar que determinado elemento está com status desativado.

Transparência de 25%
Transparência de 50%
Transparência de 75%

Conheça outras classes

Elas são aplicadas em caso de existir exceções dentro dos elementos.

float e clear

// FLOAT E CLEAR
.no-float { float: none !important; }

.f-right { float: right !important; }

.f-left { float: left !important; }

.c-both { clear: both !important; }

.c-right { clear: right !important; }

.c-left { clear: left !important; }

.overflow-hidden { overflow: hidden !important; }

.overflow-visible { overflow: visible !important; }

Bloco e linha

.d-block { display: block !important; }

.d-inline {
	display: inline !important;
	float: none !important;
}

.d-inline-block {
	display: inline-block !important;
	float: none !important;
}

.d-none, .hide { display: none !important; }

Tamanho

.width-auto { width: auto !important; }

.width-inherit { width: inherit; }

.full-width { width: 100% !important; }

.height-inherit { height: inherit; }

.height-auto { height: auto !important; }

Margin e padding

.no-margin { margin: 0 !important; }

.no-margin-left, .row.no-margin-left { margin-left: 0 !important;}

.no-margin-right { margin-right: 0 !important;}

.no-margin-top {	margin-top: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-padding { padding: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-right{ padding-right: 0 !important; }

.no-padding-top {	padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.margin-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

Manipulação de texto

.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-justify { text-align: justify !important; }
.txt-center { text-align: center !important; }
.word-break-all{ word-break: break-all !important; padding: 0; }
.word-break{ word-break: break-word !important; }
.no-word-break{ word-break: normal !important; }

Alinhamento vertical

.v-align-top { vertical-align: top !important; }
.v-align-middle { vertical-align: middle !important; }
.v-align-bottom { vertical-align: bottom !important; }

Backgrounds e bordas

.no-bg { background: none !important; }

.no-bghover { background: none !important; }

.no-shadow { box-shadow: none !important; }

.no-border { border: none !important; }

.no-border-right { border-right: none !important; }

.no-border-left { border-left: none !important; }

.no-border-bottom { border-bottom: none !important; }

.no-border-top { border-top: none !important; }

.no-bullet, .no-list-style { list-style: none !important; }

.no-style-input,
.no-style-input:focus,
.no-style-input:active {
	outline: none !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	outline: 1px solid transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
}

Cursor de mouse

.cursor-pointer { cursor: pointer !important; }

.cursor-default { cursor: default !important; }

.cursor-crosshair { cursor: crosshair !important; }

.cursor-move { cursor: move !important; }

.cursor-help { cursor: help !important; }

.cursor-wait { cursor: wait !important; }

.cursor-inherit { cursor: inherit !important; }

.cursor-text { cursor: text !important; }

.cursor-progress { cursor: progress !important; }

.cursor-grab {
	cursor: hand;
	cursor: grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.cursor-grabbing {
	cursor: grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

Cores

.bg-white {	background: #fff !important; }
.color-black { color: #000 !important; }
.color-danger { color: #bd4b4b !important; }