LOCAWEB STYLE

Documentação Locaweb Style

Formulários

Prefixos e sufixos de campos.

Você pode extender os campos de formulários adicionando textos antes ou depois do campo.

Compatibilidade entre navegadores

Evite utilizar com o elemento select pois ele não é totalmente customizavel em navegadores Webkit.

Tooltips ou Popovers nos grupos de campos precisa de uma configuração especial.

Quando você usar tooltips ou popovers nos elementos com a classe .input-group, você terá que especificar a opção container: 'body'para evitar efeitos indesejados.

Exemplo Básico


http://

.00

$ .00
http://
.00
$ .00

Modificando o tamanho dos campos

Adicionando as classes de tamanho dos campos no elemento com a classe .input-group, seu conteúdo será automaticamente redimencionado.

@

@

@
@
@
@

Prefixos com checkbox e radio buttons

Basta colocar os checkboxes e radio buttons dentro dos elementos com a classe .input-group-addon para obter o resultado abaixo:

Prefixos com botões

Prefixos e sufixos com botões são um pouco diferentes de serem implementados. Substitua a classe .input-group-addon por .input-group-btn e adicione os botões dentro. Veja como fica: