BOOTSTRAP 3

Framework - Front End

getbootstrap.com

Keven Jesus

Encantador de usuários

github.com/kevenjesus

facebook.com/kevenjesus

Formulários

 Módulo - Conjunto de componentes

.form-control

<!-- campo de texto -->
<input /> 
<!-- área de seleção -->
<select></select> 
<!-- caixa de texto -->
<textarea></textarea>
width:100%

Formulários

 Posição de formulários

.form-inline && .form-horizontal

<!-- form inline -->
<form class="form-inline">
  ...
</form>

<!-- form horizontal -->
<form class="form-horizontal">
 ...
</form>

Formulários

 Checkbox and Rádiobox

.checkbox-inline && .radio-inline

<!-- checkbox inline -->
<div class="checkbox-inline">
 ...
</div>

<!-- radiobox horizontal -->
<div class="radio-inline">
 ...
</div>

Formulários

Sizing

<!-- normal -->
<input type="text" class="form-control" />

<!-- médio -->
<input type="text class="form-control input-sm" />

<!-- grande -->
<input type="text" class="form-control input-lg" />

Formulários

Validation

<!-- warning -->
<div class="has-warning">
    <label class="control-label" for="warning">E-mail</label>
    <input type="text" class="form-control" id="warning" />
</div>

Obrigado \o/

Dúvidas ? consulte nosso grupo

facebook.com/groups/twitter.bootstrap.brasil/

Receba dicas sobre bootstrap

bootstraptotal.com.br/informativo

Made with Slides.com