Curso Bootstrap 4

1. INTRODUCCIÓN
– Que es bootstrap 4 y para que sirve
– Novedades estructurales
– Requisitos

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

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

4. OCULTACIÓN
– d-xs-none
– d-sm-none
– d-md-none
– d-lg-none
– d-xl-none
– d-sm-block
– d-sm-inline

5. ALINEACIÓN
– 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
– w (ancho)
– h (alto)
– p (padding)
– m (margin)
– t (top)
– b (bottom)
– l (left)
– r (right)

7. TIPOGRAFÍA
– display
– small
– mark
– abbr
– blockquote
– ol
– ul
– dl
– code
– kbd
– pre

8. BACKGROUND
– bg-primary
– bg-secondary
– bg-success
– bg-info
– bg-warning
– bg-danger
– bg-dark
– bg-light

9. TABLAS
– 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
– rounded
– rounded-circle
– img-thumbnail
– float-left
– float-right
– img-fluid

11. JUMBOTRON
– jumbotron
– jumbotron-fluid

12. ALERT
– alert
– alert-success
– aler-info
– alert-warning
– alert-danger
– alert-primary
– alert-secondary
– alert-light
– alert-dark
– alert-link
– alert-dismissable

13. BOTONES
– 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
– btn-group
– btn-group-lg
– btn-group-sm
– btn-group-xs
– btn-group-vertical
– dropdown-menu
– dropdown-item

15. INSIGNIAS
– badge
– badge-primary
– badge-secondary
– badge-success
– badge-danger
– badge-warning
– badge-info
– badge-light
– badge-dark
– badge-pill
– inside

16. BARRA DE PROGRESO
– progress
– striped
– progress-bar-striped
– progress-bar-animated

17. PAGINACIÓN
– pagination
– active
– disabled
– sizing
– pagination-lg
– pagination-sm
– breadcrumbs

18. LISTAS
– list.group
– list-group-item
– active
– disabled

19. TARJETAS
– card
– card-header
– card-body
– card-footer
– card-title
– card-text
– card-link

20. DROPDOWN MENU
– dropdown-toggle
– dropdown-menu
– dropdown-item
– dropdown-divider
– dropdown-header
– dropup

21. PLEGABLES
– callapse
– show

22. MENÚS DE NAVEGACIÓN
– 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
– 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
– 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
– 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
– modal
– fade
– modal-dialog
– modal-content
– modal-header
– modal-title
– modal-dialog
– modal-body
– modal-footer

27. TOOLTIP
– toltip

Curso Bootstrap 4

Reparacion de computadoras
Diseño de paginas web
Reparacion de Celulares
Antivirus Nod32
Reparacion de Celulares
Liberacion de Celulares