En este curso de Bootstrap 4 veremos el siguiente contenido:
- INTRODUCCIÓN
- Que es bootstrap y para que sirve
- Novedades estructurales
- Requisitos
- INSTALACIÓN
- Descargar e instalar bootstrap
- Creación de directorios
- Descarga procesador de codigo
- Encabezado html 5
- Llamado de javascript
- FLEXBOX Y SISTEMA DE REGILLA
- containe
- container-fluid
- row
- col
- col-xs
- col-sm
- col-md
- col-lg
- col-xl
- OCULTACIÓN
- d-xs-none
- d-sm-none
- d-md-none
- d-lg-none
- d-xl-none
- d-sm-block
- d-sm-inline
- 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
- TAMAÑO
- w (ancho)
- h (alto) –
- p (padding) –
- m (margin)
- t (top)
- b (bottom)
- l (left)
- r (right)
- TIPOGRAFÍA
- display
- small
- mark
- abbr
- blockquote
- ol
- ul
- dl
- code
- kbd
- pre
- BACKGROUND
- bg-primary
- bg-secondary
- bg-success
- bg-info
- bg-warning
- bg-danger
- bg-dark
- bg-light
- 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
- IMÁGENES
- rounded
- rounded-circle
- img-thumbnail
- float-left
- float-right
- img-fluid
- JUMBOTRON
- jumbotron
- jumbotron-fluid
- ALERT
- alert
- alert-success
- aler-info
- alert-warning
- alert-danger
- alert-primary
- alert-secondary
- alert-light
- alert-dark
- alert-link
- alert-dismissable
- 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
- GRUPO DE BOTONES
- btn-group
- btn-group-lg
- btn-group-sm
- btn-group-xs
- btn-group-vertical
- dropdown-menu
- dropdown-item
- INSIGNIAS
- badge
- badge-primary
- badge-secondary
- badge-success
- badge-danger
- badge-warning
- badge-info
- badge-light
- badge-dark
- badge-pill
- inside
- BARRA DE PROGRESO
- progress
- striped
- progress-bar-striped
- progress-bar-animated
- PAGINACIÓN
- pagination
- active
- disabled
- sizing
- pagination-lg
- pagination-sm
- breadcrumbs
- LISTAS
- list.group
- list-group-item
- active
- disabled
- TARJETAS
- card
- card-header
- card-body
- card-footer
- card-title
- card-text
- card-link
- DROPDOWN MENU
- dropdown-toggle
- dropdown-menu
- dropdown-item
- dropdown-divider
- dropdown-header
- dropup
- PLEGABLES
- callapse
- show
- 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
- 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
- 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
- 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
- MODAL
- modal
- fade
- modal-dialog
- modal-content
- modal-header
- modal-title
- modal-dialog
- modal-body
- modal-footer
- 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:
También puede ver nuestro canal de Youtube