CURSO DE BOOTSTRAP

Channel:

Yoney Gallardo

Subscribers:

948,000

Published on February 27, 2018 6:59:37 PM ● Video Link: https://www.youtube.com/watch?v=-83eiJ9EaD4

Duration: 4:40:33

373,460 views

8,339

En este curso de Bootstrap 4 estaremos viendo el siguiente contenido:
0. BIENVENIDA - 0:00

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

2. INSTALACIÓN - 2: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

=============================
Bootstrap: https://yoneygallardo.com/curso-de-bootstrap-4/
=============================
DONACIONES: http://bit.ly/2Hx7tD8
-------------------------------------------------------
✅ Cursos Prémium: https://www.gacademia.com