CURSO DE BOOTSTRAP

Описание к видео CURSO DE BOOTSTRAP

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-bo...
=============================
DONACIONES: http://bit.ly/2Hx7tD8
-------------------------------------------------------
✅ Cursos Prémium: https://www.gacademia.com

Комментарии

Информация по комментариям в разработке