👨‍🏫 Curso de Bootstrap 4 por Yoney Gallardo

1 minuto(s) de lectura

Índice

  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