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
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: