Curso de Bootstrap 4

Curso de Bootstrap 4

En este curso de Bootstrap 4 veremos el siguiente contenido:

  1. INTRODUCCIÓN
    • Que es bootstrap 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

El Bootstrap es la biblioteca de componentes de diseño de facto para diseñar sitios web y móviles.

En este curso de Bootstrap 4 vemos que este, está construido y mantenido por un equipo central de desarrolladores. Es un kit de herramientas de código abierto que proporciona un sistema de cuadrícula sensible, variables Sass y mixins, componentes preconstruidos para desarrollar con HTML, CSS y JS.
Bootstrap 4 es una reescritura importante de todo el proyecto. Es un gran hito para el equipo de Bootstrap diseñado para poder eliminar errores, mejorar el marco y pulir la documentación.


Puede ver el curso de Bootstrap 4 en el siguiente vídeo:

Puede descargar Bootstrap a continuación:

BOOTSTRAP

También puede ver nuestro canal de Youtube


SUSCRIPCIÓN

Loading

MIS REDES SOCIALES

AUSPICIADORES