1
00:00:00,240 --> 00:00:03,750
Bien, ahora toca dar un poco más de estilo y diseño al formulario.

2
00:00:03,930 --> 00:00:05,250
Ya tenemos nuestro HTML.

3
00:00:05,340 --> 00:00:06,120
Un esqueleto.

4
00:00:06,210 --> 00:00:09,780
Entonces ahora podremos implementar VOSTRA para que nos sea un diseño tan plano.

5
00:00:09,870 --> 00:00:14,130
Y también poder integrar con este tipo herramienta por el lado del cliente.

6
00:00:14,160 --> 00:00:17,640
Todo lo que es html, css con estilos.

7
00:00:17,730 --> 00:00:20,970
Bueno, Bootstrap es un franko justamente para dar estilos.

8
00:00:21,060 --> 00:00:22,650
Más que nada algo simple.

9
00:00:22,740 --> 00:00:28,020
Dar estilo al formulario tampoco tiene entrar mucho en detalles, porque Bootstrap es un tremendo framework

10
00:00:28,110 --> 00:00:30,120
que da para un curso completo desde cero.

11
00:00:30,210 --> 00:00:35,640
Acá vamos a ver justamente lo necesario para dar estilo a nuestro formulario y plantillas.

12
00:00:35,780 --> 00:00:39,360
Bien, lo primero no vamos a comenzar que el started.

13
00:00:40,480 --> 00:00:41,260
Llega tenemos.

14
00:00:41,770 --> 00:00:44,770
Podemos agregar la hoja de estilo de forma remota.

15
00:00:44,890 --> 00:00:51,040
Eso sería una alternativa muy recomendada, ya que el estilo se guarda y se carga desde un servidor

16
00:00:51,100 --> 00:00:52,120
con balanceo carga.

17
00:00:52,180 --> 00:00:54,340
Por lo tanto bastante rápido desde la nube.

18
00:00:54,460 --> 00:00:59,350
O bien podemos descargar el archivo CSS y copiarlo en nuestro proyecto de forma local.

19
00:00:59,410 --> 00:01:05,140
Por ahora lo vamos a hacer de forma remota desde el repositorio o la nube de Vostra CDN.

20
00:01:05,270 --> 00:01:08,170
Entonces vamos a copiar este link completo.

21
00:01:08,270 --> 00:01:16,720
Esta etiqueta link con el href que apunta hacia la hoja estilo lo copiamos tal cual completa y nos vamos

22
00:01:16,720 --> 00:01:22,780
al código bien a la plantilla donde a formulario dentro del get debajo del título.

23
00:01:23,230 --> 00:01:25,870
Entonces por acá lo pegamos bien.

24
00:01:25,960 --> 00:01:28,170
Esto de acá lo dejamos tal cual.

25
00:01:30,000 --> 00:01:32,750
Guardamos y también en resultada.

26
00:01:35,510 --> 00:01:36,140
Guárdanos.

27
00:01:38,020 --> 00:01:39,010
Bien, eso es lo primero.

28
00:01:39,100 --> 00:01:44,620
Con este cambio debería cambiar por lo menos el fuente o el código de nuestra plantilla.

29
00:01:44,830 --> 00:01:50,020
Con el fuente me refiero a las letras, como por ejemplo si levantamos vamos a levantar.

30
00:01:54,430 --> 00:02:02,530
Nos vamos a lo que el Oxford se fijan, se distinto como se siente, ya tiene un diseño o un Lucasfilm.

31
00:02:02,620 --> 00:02:04,840
Por lo menos las fuentes distinta.

32
00:02:05,050 --> 00:02:09,970
De hecho volvemos al código con trocea para omitir guardamos.

33
00:02:11,260 --> 00:02:18,880
Actualizamos, cambia completamente, se fijan cambia 100 por ciento ahora control y griega guardamos.

34
00:02:20,160 --> 00:02:21,490
Actualizamos, cambia.

35
00:02:21,690 --> 00:02:25,950
Ya estamos usando vuestra entonces ahora tenemos que decorar y dar estilo a nuestro formulario.

36
00:02:26,190 --> 00:02:28,370
Bien, lo primero en cada div.

37
00:02:29,350 --> 00:02:36,630
Acá, en cada div que contiene el label y el input, recordemos que los input están dentro de otro div,

38
00:02:37,090 --> 00:02:43,810
entonces en cada div una clase css, una clase o estilo HTML.

39
00:02:44,110 --> 00:02:53,140
Bien, acá vamos a colocar un estilo de vostra o una clase de vostra for grupo for guión group de grupo

40
00:02:54,100 --> 00:02:56,050
grupo for grupo.

41
00:02:56,380 --> 00:03:00,190
Vamos a copiar y lo pegamos en cada div principal.

42
00:03:01,030 --> 00:03:06,340
Lo pegamos acá en país en roles también identificador.

43
00:03:08,030 --> 00:03:10,580
Nombre en apellido.

44
00:03:11,980 --> 00:03:14,080
Huyyy, username, password.

45
00:03:15,990 --> 00:03:18,660
Correo, cuenta.

46
00:03:20,020 --> 00:03:23,800
Fecha, nacimiento y por último, el botón Guardamos.

47
00:03:24,040 --> 00:03:25,600
Vamos viendo, actualizamos.

48
00:03:26,170 --> 00:03:30,220
Bueno, hubo un pequeño cambio que no se notó mucho, pero hasta ahí volvemos.

49
00:03:30,490 --> 00:03:32,870
Lo siguiente dar estilo a cada input.

50
00:03:32,980 --> 00:03:33,820
Vamos a subir.

51
00:03:34,360 --> 00:03:35,810
Entonces en cada input.

52
00:03:36,340 --> 00:03:38,320
Por ejemplo en checkbox.

53
00:03:38,410 --> 00:03:39,100
Por acá.

54
00:03:40,900 --> 00:03:41,890
Form control.

55
00:03:43,990 --> 00:03:48,190
Entonces form control es para dar estilos a los campos del formulario.

56
00:03:48,850 --> 00:03:56,170
También acá en radio, por cada radio del for o de Lizz lo pegamos en país en el select.

57
00:03:56,290 --> 00:03:58,150
En este caso va en el campo select.

58
00:03:59,140 --> 00:04:01,450
Roles en el input como por acá.

59
00:04:02,830 --> 00:04:04,750
Pero dentro del input puede ir acá.

60
00:04:05,380 --> 00:04:09,210
Acá hay un espacio de más o puede ir al medio entre medio.

61
00:04:09,280 --> 00:04:14,600
Da lo mismo, pero siempre dentro del input identificador en el input.

62
00:04:16,150 --> 00:04:21,250
El nombre dentro del input en apellido form control.

63
00:04:22,630 --> 00:04:24,040
Acá espacio, además.

64
00:04:25,830 --> 00:04:29,620
En el Yussef Naim, en el password, en el e-mail.

65
00:04:32,510 --> 00:04:33,440
En la cuenta.

66
00:04:34,070 --> 00:04:40,940
Fecha nacimiento por acá en el botón no, el botón va a tener otro estilo, lo a pegar, pero lo modificamos

67
00:04:41,660 --> 00:04:53,270
con botón es btn de botón repetimos y el color por ejemplo primary, btn, espacio, btn primary.

68
00:04:53,660 --> 00:04:59,480
Entonces primero un estilo botón común y corriente clásico y el segundo un botón con el color primary

69
00:04:59,600 --> 00:05:07,400
que como color celeste o azul claro guardamos, actualizamos, se fijan ya toma alguna forma.

70
00:05:08,780 --> 00:05:09,720
Con los input?

71
00:05:10,190 --> 00:05:11,990
Bueno, tener un poco grande, pero también.

72
00:05:13,840 --> 00:05:18,460
Vamos a centrar el formulario usando un div entonces en form.

73
00:05:18,580 --> 00:05:23,260
Acá arriba undir que se abre y se cierra, pero lo cerramos al final.

74
00:05:23,590 --> 00:05:27,040
Entonces el div se abre antes del form.

75
00:05:28,610 --> 00:05:32,510
Y se cierra después de cerrar el formulario acá form.

76
00:05:32,570 --> 00:05:35,510
Se cierra, se cierra el libro y acá arriba.

77
00:05:38,160 --> 00:05:40,140
Una clase de vostra container.

78
00:05:42,060 --> 00:05:44,790
Container o container de contenedor.

79
00:05:45,750 --> 00:05:48,990
Click derecho para formatear source format.

80
00:05:50,400 --> 00:05:53,670
Guardamos estos Warne Da lo mismo.

81
00:05:54,150 --> 00:05:55,540
Hay que hacer caso omiso de lo mismo.

82
00:05:57,250 --> 00:05:57,680
Perfectas.

83
00:05:57,780 --> 00:05:59,680
Dije que ya tomando forma el formulario.

84
00:05:59,770 --> 00:06:07,780
Ahí está el botón con un estilo podríamos arreglar, por ejemplo, el habilitar el género hombre corresponde

85
00:06:07,780 --> 00:06:15,880
acá, mujer corresponde acá, administrador acá usuario acá se fijan y moderador acá.

86
00:06:16,390 --> 00:06:23,140
Entonces la idea es ordenar un poco los lafe junto con los campos que queden uno al lado de otro, como

87
00:06:23,230 --> 00:06:25,090
un sistema de grid o columnas.

88
00:06:25,180 --> 00:06:30,190
Entonces, por ejemplo, el label va a estar en una columna, el campo en otra columna, pero van a

89
00:06:30,190 --> 00:06:32,410
estar al mismo nivel y no separados.

90
00:06:32,440 --> 00:06:33,250
Entonces esa es la idea.

91
00:06:33,710 --> 00:06:37,960
Estos input están perfecto, también identificador el campo abajo.

92
00:06:38,080 --> 00:06:38,740
Ningún problema.

93
00:06:38,950 --> 00:06:40,540
Faltaría organizar esto acá.

94
00:06:40,660 --> 00:06:41,950
Cómo volvemos?

95
00:06:42,010 --> 00:06:44,380
Por ejemplo, partamos primero con habilitar.

96
00:06:44,630 --> 00:06:55,180
Nos vamos acá a este div al div que tenemos para el input y colocamos acá una clase row row de fila

97
00:06:55,330 --> 00:06:55,860
en inglés.

98
00:06:56,200 --> 00:07:03,850
Una fila iba a tener una sola columna la columna en este caso este input del checkbox y en clase form

99
00:07:03,850 --> 00:07:04,390
control.

100
00:07:04,480 --> 00:07:07,660
Además, le vamos a dar una medida a esta columna.

101
00:07:07,750 --> 00:07:13,760
Esta medida no tiene un valor o una medida en específico como centimetro píxeles, no?

102
00:07:13,900 --> 00:07:15,340
Esto se adapta a la pantalla.

103
00:07:15,460 --> 00:07:18,820
Básicamente trabaja en base a porcentaje o en unidades.

104
00:07:19,390 --> 00:07:26,500
Por ejemplo, skol de columna, SM de small, una columna pequeña y la unidad va a ocupar un solo espacio,

105
00:07:26,710 --> 00:07:32,620
pero como tenemos una sola lo dejamos en uno, es decir, tenemos un solo checkbox, lo dejamos en uno,

106
00:07:32,830 --> 00:07:34,090
es decir, ocupar el total.

107
00:07:34,690 --> 00:07:40,990
Actualizamos perfecto que acá abajo el género también por cada div.

108
00:07:41,380 --> 00:07:48,190
Vamos a tener un row, una fila, pero dentro de esta fila va a tener dos columnas para el input y para

109
00:07:48,190 --> 00:07:48,670
el label.

110
00:07:48,820 --> 00:07:50,440
El label lo voy a bajar.

111
00:07:53,930 --> 00:07:56,360
Perfecto, entonces va a tener una clase.

112
00:07:56,440 --> 00:08:05,750
Bueno, el input ya le tiene font control agregamos col SM 2 va a ocupar de espacio y acá en el label

113
00:08:05,780 --> 00:08:06,320
también.

114
00:08:09,300 --> 00:08:10,170
También va a tener.

115
00:08:11,100 --> 00:08:18,870
La columna col sm 2 entonces ocupa espacio 2 espacio del total, es decir, cada uno va a tener como

116
00:08:18,870 --> 00:08:22,830
la mitad y también roles muy parecidos en roles.

117
00:08:22,890 --> 00:08:26,080
Vamos a hacer lo mismo entonces por cada div.

118
00:08:26,880 --> 00:08:31,050
Vamos a tener una clase, una clase row primero.

119
00:08:33,930 --> 00:08:37,460
Después una columna para el input.

120
00:08:38,590 --> 00:08:41,260
Por acá tenemos la clase Fond Control.

121
00:08:42,220 --> 00:08:48,370
Leamos columna pequeña de 2 col SM 2 y abajo el label.

122
00:08:57,180 --> 00:08:57,660
También.

123
00:09:00,550 --> 00:09:01,300
Guardamos.

124
00:09:02,630 --> 00:09:09,320
Hacemos un reflejo perfecto, fijan género hombre mujer y aquí efecto administrador, usuario, moderador,

125
00:09:09,980 --> 00:09:15,020
ahora podríamos arreglar los Lauper y todos, no solamente acá, sino todos los leven.

126
00:09:15,230 --> 00:09:19,310
Esto de acá también, todos con un formato de vostra para que quede un poco más centrado.

127
00:09:19,340 --> 00:09:26,030
Se fijan acá el input, el campo del radio button y el label no está alineado.

128
00:09:26,120 --> 00:09:29,920
De hecho, el label está un poquito más arriba y pasa lo mismo con los podczas.

129
00:09:30,230 --> 00:09:32,540
Entonces también lo podríamos arreglar para eso.

130
00:09:32,630 --> 00:09:39,200
En cada label, por ejemplo acá aspartamo, principios Parthenon con el label del género, acá le damos

131
00:09:39,200 --> 00:09:43,270
una clase vostra cool for label.

132
00:09:43,700 --> 00:09:50,720
Entonces Cool for label, columna, form de formulario, label de etiqueta y vamos a copiar.

133
00:09:51,230 --> 00:09:56,900
Lo vamos a pegar también en roles por acá, solamente en los label de los checkbox.

134
00:09:58,110 --> 00:10:00,540
Yaca en el label de los Rádio Puto.

135
00:10:01,600 --> 00:10:07,300
Nada más, porque habilitar no tiene label solamente acá, pero después agregamos los label de cada

136
00:10:07,300 --> 00:10:09,490
label acá, de país, de género.

137
00:10:09,580 --> 00:10:10,150
Habilitar.

138
00:10:10,180 --> 00:10:11,440
En fin, guardamos.

139
00:10:12,810 --> 00:10:19,030
Se fija que se centró, que mucho mejor que centrado, alineado con los checkbox y lo rádio puto era

140
00:10:19,200 --> 00:10:21,590
formulario, ya tiene estilo, está perfecto, está mucho mejor.

141
00:10:22,140 --> 00:10:28,290
Solamente faltaría ahora dar estilo a los label, pero en realidad es idéntico.

142
00:10:28,560 --> 00:10:29,800
Cool for label.

143
00:10:30,510 --> 00:10:39,540
Entonces en cada label vamos a dar una clase, pero antes de eso, en habilitar acá me faltó el form

144
00:10:39,540 --> 00:10:39,780
group.

145
00:10:39,840 --> 00:10:40,410
Se fijan?

146
00:10:40,740 --> 00:10:42,090
El habilitar no tiene form.

147
00:10:42,090 --> 00:10:42,370
Glup.

148
00:10:43,230 --> 00:10:44,250
Vamos a agregar a tiro.

149
00:10:44,820 --> 00:10:45,390
Form Group.

150
00:10:45,510 --> 00:10:52,230
Acá me había faltado entonces en cada div principal un grupo en el formulario que junta los label con

151
00:10:52,230 --> 00:10:52,890
los input.

152
00:10:53,850 --> 00:10:58,920
Ahora sí, ahora en cada label una clase con el cool for laver.

153
00:11:02,350 --> 00:11:06,670
También en género, en habilitar, también en país.

154
00:11:08,410 --> 00:11:10,900
En roles identificador.

155
00:11:12,380 --> 00:11:13,130
En nombre?

156
00:11:15,670 --> 00:11:21,300
Apellido Youssef Naim en Password también correo.

157
00:11:22,490 --> 00:11:23,210
Cuenta.

158
00:11:24,900 --> 00:11:25,110
Acá.

159
00:11:25,340 --> 00:11:27,600
Fecha, nacimiento y nada más.

160
00:11:27,630 --> 00:11:30,180
Porque el botón no tiene Lauper guardados.

161
00:11:31,140 --> 00:11:35,730
Actualizamos, quedó mejor, se fijan, cambié un poco, premio mejor.

162
00:11:36,960 --> 00:11:40,620
Ahora, qué pasa si envío, por ejemplo, enviamos, aparece el campo.

163
00:11:40,740 --> 00:11:43,050
El error se fijan en mensaje error abajo.

164
00:11:43,920 --> 00:11:45,750
También le podríamos dar algún estilo.

165
00:11:47,730 --> 00:11:49,120
Por ejemplo, que se marque en rojo.

166
00:11:49,320 --> 00:11:55,020
Bueno, en cada mensaje error, en cada div de errors, vamos a partir acá arriba también.

167
00:11:55,680 --> 00:11:57,960
El primero no se valida, pero género sí.

168
00:11:58,350 --> 00:12:01,620
Entonces acá una clase también te gusta.

169
00:12:01,680 --> 00:12:02,400
Como siempre.

170
00:12:02,760 --> 00:12:07,420
Alert alert de alerta con un color danger.

171
00:12:07,540 --> 00:12:13,380
Entonces alerta, alerta de nuevo guión danger para dar un color rojo de mensaje de error.

172
00:12:13,650 --> 00:12:14,310
Guardamos.

173
00:12:14,520 --> 00:12:16,550
Bueno, y lo replicamos en cada uno.

174
00:12:17,680 --> 00:12:23,290
Voy a copiar acá, entonces en cada div de errores no pegamos.

175
00:12:25,030 --> 00:12:28,360
Hay que tener cuidado con copiar y pegar para no equivocarse.

176
00:12:28,540 --> 00:12:29,860
Acá tengo espacio, además.

177
00:12:31,720 --> 00:12:33,190
Me también en nombre.

178
00:12:34,470 --> 00:12:35,340
En apellido.

179
00:12:37,260 --> 00:12:40,830
En Yussef Léame siempre dentro del div de errores.

180
00:12:47,880 --> 00:12:49,770
Hilitos guardamos a probar.

181
00:12:51,360 --> 00:12:52,920
Perfecto campo requerido.

182
00:12:53,100 --> 00:12:59,280
El formato expresión regular, inválido, con anotaciones de perfecto, mucho mejor actor, reformulo

183
00:12:59,290 --> 00:13:05,880
está perfecto, pero está en forma vertical, es decir, es LaFleur y abajo el campo género y abajo

184
00:13:05,940 --> 00:13:10,620
los campos país, abajo la lista desplegable y así por cada uno.

185
00:13:10,740 --> 00:13:13,770
Entonces lo que podríamos hacer es dejarlo en forma horizontal.

186
00:13:13,860 --> 00:13:18,750
Es una alternativa, lo me deja tal como está, que queda bien o mejor si queremos también un tema a

187
00:13:18,750 --> 00:13:21,210
gusto es dejarlo de forma horizontal.

188
00:13:21,330 --> 00:13:24,870
El label y al lado el campo impreso también tiene que modificar.

189
00:13:25,950 --> 00:13:29,560
Acá en cada Forum Group va a hacer una fila.

190
00:13:30,270 --> 00:13:35,460
Entonces dentro del Class Form Group, por acá un espacio row, una fila.

191
00:13:36,030 --> 00:13:39,480
Entonces lo vamos a replicar en cada div con el fanclub.

192
00:13:39,570 --> 00:13:42,330
Entonces, después del Fond Group, un espacio row.

193
00:13:43,310 --> 00:13:44,060
Por cada uno.

194
00:14:01,160 --> 00:14:01,470
Bien.

195
00:14:02,340 --> 00:14:03,410
Y tenemos que dar.

196
00:14:04,530 --> 00:14:13,440
Al label, una columna, un ancho y también al row del input a cada div, entonces cada div le damos

197
00:14:13,590 --> 00:14:18,180
una unidad de columna y también al Loire, justamente col sm.

198
00:14:19,110 --> 00:14:28,770
Por ejemplo, en label después del confor label le damos un ancho o medida de la columna porque es una

199
00:14:28,770 --> 00:14:31,890
fila y también en el div un espacio y pegamos.

200
00:14:32,040 --> 00:14:40,830
Y recuerden que el total este div es una fila, pero el label es una columna y el div es otra columna.

201
00:14:41,340 --> 00:14:45,170
A pesar de que el div también es una fila este de acá paralímpica.

202
00:14:45,360 --> 00:14:45,720
Pero bien.

203
00:14:45,770 --> 00:14:47,490
Pero también es una columna.

204
00:14:47,670 --> 00:14:48,870
Ahora faltaría dar la medida.

205
00:14:48,930 --> 00:14:53,280
Por ejemplo, vamos a decir que el label va a ocupar dos medida.

206
00:14:54,580 --> 00:14:58,460
Pero el campo va a ocupar 4, puedes ser 4 o 6.

207
00:14:58,630 --> 00:15:07,240
El doble, por ejemplo, o 6 sería 3 veces más que el labe va ocupando unidades, haga 2 y haga 4 y

208
00:15:07,240 --> 00:15:08,840
cada unidad es del mismo tamaño.

209
00:15:08,920 --> 00:15:14,740
Entonces esa forma hace que el formulario y el diseño sea responsivo, responsivo, que se adapte a

210
00:15:14,740 --> 00:15:18,070
la resolución y también a la pantalla de cada dispositivo.

211
00:15:18,170 --> 00:15:18,490
Bien.

212
00:15:18,880 --> 00:15:19,990
Y esto por cada uno.

213
00:15:20,230 --> 00:15:21,430
Entonces tenemos que replicar.

214
00:15:21,850 --> 00:15:25,420
Por ejemplo, vamos a partir con los labels por cada label.

215
00:15:26,020 --> 00:15:30,880
Como es un row, una fila dentro, acá sería una columna con su medida.

216
00:15:32,020 --> 00:15:33,670
Debes tener mucho cuidado con no equivocarse.

217
00:15:46,790 --> 00:15:49,430
Dentro de clase, siempre dentro de clase y no fuera.

218
00:15:50,570 --> 00:15:51,110
Perfecto.

219
00:15:51,680 --> 00:15:54,380
Ahora faltaría los div que contiene el campo.

220
00:15:55,630 --> 00:15:59,490
Le dimos cuatro con el espacio, entonces en cada div.

221
00:16:06,840 --> 00:16:08,250
Hay algunos D.E.P que no tienen clase.

222
00:16:08,820 --> 00:16:12,620
Por ejemplo, el país no tiene, pero rolees si tiene el DIF.

223
00:16:13,050 --> 00:16:14,190
Entonces acaso lo agregamos?

224
00:16:16,820 --> 00:16:18,860
Después del robo identificado?

225
00:16:19,330 --> 00:16:20,050
No tiene.

226
00:16:20,270 --> 00:16:25,850
Entonces vamos a copiar Klas la cada poco nombre no tiene.

227
00:16:27,900 --> 00:16:30,930
API Yo tampoco, Yussef Name tampoco.

228
00:16:34,230 --> 00:16:36,690
Ashworth tampoco correo.

229
00:16:37,890 --> 00:16:40,140
Cuenta y la fecha?

230
00:16:43,990 --> 00:16:44,650
Guardamos.

231
00:16:46,390 --> 00:16:47,260
Actualizamos.

232
00:16:48,560 --> 00:16:54,780
Estamos valiÃndose, empezamos y queda mucho mejor habilità perfecto género, país, roles, bueno,

233
00:16:54,890 --> 00:16:55,550
en roles.

234
00:16:55,610 --> 00:16:58,160
Hay que revisarlo identificado, perfecto efecto.

235
00:16:58,280 --> 00:17:01,400
Los nombres con cada uno, los campos y cada campo perfecto.

236
00:17:02,750 --> 00:17:07,910
Bien, en roles hay que ajustar, por ejemplo, en vez de cuatro.

237
00:17:08,020 --> 00:17:09,200
Acá pusimos cuatro.

238
00:17:09,980 --> 00:17:12,830
Cada div va a tener dos, una media de dos.

239
00:17:12,860 --> 00:17:13,880
Entonces hay que ir ajustando.

240
00:17:14,000 --> 00:17:14,690
Hay que ir viendo.

241
00:17:15,820 --> 00:17:17,690
Actualizamos perfecto.

242
00:17:17,830 --> 00:17:19,430
Queda mucho mejor Vigen.

243
00:17:19,660 --> 00:17:22,630
Están los tres que han ordenado y lo mismo acá.

244
00:17:22,840 --> 00:17:24,670
Acá también se podría ir ajustando.

245
00:17:25,210 --> 00:17:27,280
Qué más junto nos vamos a género.

246
00:17:27,520 --> 00:17:31,780
El label tiene dos y cada div también dos en vez de cuatro.

247
00:17:35,530 --> 00:17:36,130
Perfecto.

248
00:17:36,220 --> 00:17:40,300
Mucho mejor se dejan ya este formulario bien enviar.

249
00:17:42,160 --> 00:17:43,630
Y valía con mensaje de error.

250
00:17:43,720 --> 00:17:49,660
Bien, por ahora quedamos hasta acá y continuamos la siguiente clase con estilos, con el diseño para

251
00:17:49,660 --> 00:17:50,380
la vista.

252
00:17:50,470 --> 00:17:51,850
Resultado nos vemos.