Maquetado con Bootstrap
CSS
Review
Selectors
Tag name
Class
Id
Pseudo-selectors
/*tag name*/
body{
}
/*class*/
.class{
}
/*id*/
#id{
}
/*pseudo selector*/
selector:pseudo-selector{
}Box Model
Display
Position
Static
Relative
Absolute
Fixed
¿Qué es Bootstrap?
Layout
Containers
<div class="container-fluid">
<!-- rows -->
</div>
<div class="container">
<!-- rows -->
</div>Row
<div class="row">
<!-- columns -->
</div>Columns
| Extra small | Small | Medium | Large | Extra Large | |
|---|---|---|---|---|---|
| Pixels | < 576 | ≥ 576 | ≥ 768 | ≥ 960 | ≥ 1200 |
| Class prefix | .col- | .col-sm | .col-md- | .col-lg- | .col-xl- |
Nesting
Maquetado con Bootstrap
By Cristian Cota
