Sitier Web Builder.

1. INTRODUCCIÓN  -  0:10
 - Que es bootstrap y para que sirve
 - Novedades estructurales
 - Requisitos

2. INSTALACIÓN  -  02:12
 - Descargar e instalar bootstrap
 - Creación de directorios
 - Descarga procesador de codigo 
 - Encabezado html 5
 - Llamado de javascript

3. FLEXBOX Y SISTEMA DE REGILLA  -  17:11
 - containe
 - container-fluid
 - row
 - col
 - col-xs 
 - col-sm 
 - col-md
 - col-lg 
 - col-xl 

4. OCULTACIÓN  -  46:57
 - d-xs-none
 - d-sm-none
 - d-md-none
 - d-lg-none
 - d-xl-none
 - d-sm-block
 - d-sm-inline

5. ALINEACIÓN  -  1:02:51 
 - clearfix
 - float-left
 - float-right
 - mx-auto
 - justify-content-start
 - justify-content-center
 - justify-content-end
 - justify-content-between
 - justify-content-around
 - align-items-start 
 - align-items-center 
 - align-items-end 
 - align-self-start 
 - align-self-center 
 - align-self-end
 - fixed-top
 - fixed-bottom
  
6. TAMAÑO  -  1:25:31
 - w (ancho)
 - h (alto)
 - p (padding)
 - m (margin)
 - t (top)
 - b (bottom)
 - l (left)
 - r (right)
  
7. TIPOGRAFÍA  -  1:33:41
 - display
 - small
 - mark 
 - abbr 
 - blockquote
 - ol
 - ul
 - dl  
 - code
 - kbd
 - pre 
  
8. BACKGROUND  -  1:51:18
 - bg-primary
 - bg-secondary
 - bg-success
 - bg-info
 - bg-warning
 - bg-danger
 - bg-dark
 - bg-light

9. TABLAS  -  1:54:21
 - table
 - table-striped
 - table-bordered
 - table-hover
 - table-dark
 - table-striped
 - table-hover
 - table-primary
 - table-secondary
 - table-success
 - table-danger
 - table-info
 - table-warning
 - table-active
 - table-dark
 - table-light
 - table-sm
 - table-responsive
 - table-responsive-sm
 - table-responsive-md
 - table-responsive-lg
 - table-responsive-xl
  
10. IMÁGENES  -  2:06:22
 - rounded
 - rounded-circle
 - img-thumbnail
 - float-left
 - float-right
 - img-fluid
  
11. JUMBOTRON  -  2:11:39 
 - jumbotron
 - jumbotron-fluid
 
12. ALERT  -  2:14:27
 - alert
 - alert-success
 - aler-info
 - alert-warning
 - alert-danger
 - alert-primary
 - alert-secondary
 - alert-light
 - alert-dark
 - alert-link
 - alert-dismissable
   
13. BOTONES  -  2:23:38
 - btn
 - btn-primary
 - btn-secondary
 - btn-success
 - btn-info
 - btn-warning
 - btn-danger
 - btn-dark
 - btn-linht
 - btn-link
 - btn-outline-primary
 - btn-outline-secondary
 - btn-outline-success
 - btn-outline-info
 - btn-outline-warning
 - btn-outline-danger
 - btn-outline-dark
 - btn-outline-light
 - btn-outline-link
 - btn-lg
 - btn-sm
 - btn-block
 - active
 - disabled

14. GRUPO DE BOTONES  -  2:30:35
 - btn-group
 - btn-group-lg 
 - btn-group-sm 
 - btn-group-xs 
 - btn-group-vertical 
 - dropdown-menu
 - dropdown-item  

15. INSIGNIAS  -  2:37:44
 - badge
 - badge-primary
 - badge-secondary
 - badge-success
 - badge-danger
 - badge-warning
 - badge-info
 - badge-light
 - badge-dark
 - badge-pill  
 - inside

16. BARRA DE PROGRESO  -  2:43:14
 - progress  
 - striped
 - progress-bar-striped
 - progress-bar-animated
  
17. PAGINACIÓN  -  2:51:34
 - pagination
 - active
 - disabled
 - sizing
 - pagination-lg
 - pagination-sm
 - breadcrumbs
 
18. LISTAS  -  2:58:45
 - list.group
 - list-group-item
 - active
 - disabled  

19. TARJETAS  -  3:04:48
 - card
 - card-header
 - card-body
 - card-footer
 - card-title
 - card-text 
 - card-link

20. DROPDOWN MENU  -  3:11:27
 - dropdown-toggle
 - dropdown-menu
 - dropdown-item
 - dropdown-divider
 - dropdown-header
 - dropup

21. PLEGABLES  -  3:18:44
 - callapse
 - show

22. MENÚS DE NAVEGACIÓN  -  3:28:20 
 - nav 
 - nav-item 
 - nav-link 
 - disabled
 - justify-content-start
 - justify-content-center
 - justify-content-end
 - flex-column
 - nav-pills
 - nav-justified
 - dropdown
 - nav-pills
  
23. BARRA DE NAVEGACIÓN  -  3:39:32
 - navbar
 - navbar-nav
 - navbar-item
 - navbar-link
 - nav-expand-sm
 - navbar-brand
 - colapsable
 - nav-expand-sm
 - navbar-collapse
 - navbar-toggler
 - navbar-toggler-icon
 - dropdown
 - nav-item
 - nav-link
 - dropdown-toggle
 - dropdown-menu
 - dropdown-item
 - fixed-top 
 - fixed-bottom 

24. FORMULARIOS  -  3:59:12
 - form-control
 - form-check-label
 - form-check-input
 - form-control
 - disabled
 - textarea
 - form-check
 - form-check-input 
 - form-check-inline
 - form-check-label
 - radio-inline
 - select

25. CAROUSEL  -  4:16:09
 - carousel
 - slide
 - carousel-indicators
 - carousel-inner
 - carousel-item
 - carousel-caption
 - carousel-control-prev
 - carousel-control-next
 - carousel-control-prev-icon
 - carousel-control-next-icon

26. MODAL  -  4:29:45
 - modal 
 - fade
 - modal-dialog
 - modal-content
 - modal-header
 - modal-title
 - modal-dialog
 - modal-body
 - modal-footer

27. TOOLTIP  -  4:38:14
 - toltip​