1
00:00:00,390 --> 00:00:06,210
Bentornato in questa unità, vi mostrerò alcuni altri componenti, inclusi i moduli e gli input di

2
00:00:06,210 --> 00:00:07,420
jumbotron e bootstrap.

3
00:00:07,530 --> 00:00:12,120
Ma prima di farlo voglio prendere un momento per affrontare qualcosa che è davvero molto importante

4
00:00:12,120 --> 00:00:14,520
quando stiamo imparando nuovi strumenti come questo bootstrap.

5
00:00:14,760 --> 00:00:19,620
E nella mia esperienza di insegnare alle persone a diventare sviluppatori web ho notato che un bootstrap è

6
00:00:19,620 --> 00:00:25,230
uno dei primi posti in cui alcuni studenti iniziano a sentirsi a disagio a disagio e sentono di non sapere

7
00:00:25,230 --> 00:00:29,820
se lo stanno facendo e poi perché improvvisamente abbiamo incluso un po 'di codice che qualcun altro

8
00:00:29,820 --> 00:00:31,200
ha scritto nella nostra applicazione.

9
00:00:31,200 --> 00:00:36,810
Ma se dai un'occhiata ai documenti qui sono davvero lunghi sono completi che è grandioso ma

10
00:00:36,810 --> 00:00:42,810
c'è molto qui e voglio che tu lo inquadra non come un manuale che devi leggere per

11
00:00:42,810 --> 00:00:43,550
capire tutto.

12
00:00:43,560 --> 00:00:47,980
Questo non è come un modo per guidare che devi finire prima di usare il bootstrap.

13
00:00:48,300 --> 00:00:53,790
È un riferimento in cui, se decidi di aver bisogno di un modulo, guardi la sezione del modulo se hai bisogno di un tavolo.

14
00:00:53,850 --> 00:00:56,780
Colperai la sezione tabella se ti serve una barra di navigazione.

15
00:00:56,850 --> 00:01:01,920
userete loro non-stop tornando qui facendo riferimento a singoli bit di codice che copiano i

16
00:01:02,100 --> 00:01:08,310
loro segmenti di codice verificando alcune dimostrazioni leggendo esempi che ho usato bootstrap per anni a questo punto.

17
00:01:08,310 --> 00:01:12,810
Guardate la sezione NFR ma è importante trattare i documenti come quelli che

18
00:01:12,930 --> 00:01:14,630
E mi sento abbastanza bene per la maggior parte.

19
00:01:14,760 --> 00:01:18,220
Ma lascio i documenti aperti quando sto lavorando su qualsiasi cosa con bootstrap.

20
00:01:18,330 --> 00:01:24,450
Faccio costantemente riferimento agli esempi in uno dei primi video di questo corso, ho parlato

21
00:01:24,450 --> 00:01:26,900
di come diventare uno sviluppatore web.

22
00:01:27,060 --> 00:01:32,490
Non stai diventando un esperto nella memorizzazione e nella conoscenza di ogni bit di informazione.

23
00:01:32,730 --> 00:01:33,960
Sì, devi sapere le cose.

24
00:01:33,960 --> 00:01:38,700
Sì, devi capire e memorizzare alcune cose, ma non stai diventando un esperto o una memorizzazione.

25
00:01:39,210 --> 00:01:41,990
Stai diventando un esperto nell'accesso alle informazioni.

26
00:01:42,120 --> 00:01:48,180
E alcune di quelle informazioni che avrai memorizzato e molte saranno online nella documentazione o

27
00:01:48,450 --> 00:01:52,410
nei video di esempi, libri di ogni sorta di risorse.

28
00:01:52,410 --> 00:01:54,350
Va bene quindi riassumere l'intero discorso d'incoraggiamento.

29
00:01:54,450 --> 00:01:58,890
Fondamentalmente voglio solo che tu tenga presente che sì, c'è molto da fare per il bootstrap e ne vedrai il

30
00:01:58,920 --> 00:02:01,430
20 per cento e ce ne sono molte altre là fuori.

31
00:02:01,440 --> 00:02:03,210
Ma non essere intimidito da questo.

32
00:02:03,240 --> 00:02:07,110
tuo agio nell'accedere ai documenti se devi fare qualcosa che non ti mostro come fare.

33
00:02:07,110 --> 00:02:07,800
Dovresti sentirti a

34
00:02:07,860 --> 00:02:09,480
Apri i documenti e cercalo.

35
00:02:09,600 --> 00:02:13,760
E ci sono sempre ottimi esempi e spiegazioni per ottenere dotcom bootstrap.

36
00:02:14,120 --> 00:02:19,130
OK, quindi, senza ulteriori indugi, passiamo a parlare di alcuni di

37
00:02:19,140 --> 00:02:22,110
questi importanti componenti e inizierò mostrandoti Jumbotron.

38
00:02:22,500 --> 00:02:28,170
Quindi un Jumbotron secondo i documenti ufficiali è un componente flessibile leggero che può facoltativamente estendere

39
00:02:28,170 --> 00:02:31,680
l'intera finestra per mostrare i contenuti chiave sul tuo sito.

40
00:02:31,680 --> 00:02:37,670
Potete vedere un esempio di uno proprio qui e se vogliamo usare un Jumbotron è davvero molto facile.

41
00:02:37,680 --> 00:02:43,680
Tutto quello che dobbiamo fare è scrivere un jumbotron di classe div e poi qualsiasi cosa mettiamo dentro farà

42
00:02:43,680 --> 00:02:44,750
parte del Jumbotron.

43
00:02:44,970 --> 00:02:46,680
Quindi proviamoci.

44
00:02:47,190 --> 00:02:58,940
Basta farlo qui sotto, i pulsanti avranno un div con Jumbotron jumbo tron ​​di classe e poi dentro se andremo a

45
00:02:59,370 --> 00:03:09,630
fare un H1 o H-1 diremo che questo è un jumbotron e quindi aggiungere un pulsante lì come hanno

46
00:03:09,630 --> 00:03:17,300
fatto qui e lo faremo aggiungere un paragrafo nel nostro paragrafo sarà semplicemente riduttivo.

47
00:03:17,790 --> 00:03:19,420
Abbastanza buono per ora.

48
00:03:20,310 --> 00:03:21,060
ciao.

49
00:03:24,330 --> 00:03:28,460
E un pulsante e il nostro pulsante diranno

50
00:03:28,800 --> 00:03:29,250
OK.

51
00:03:29,250 --> 00:03:31,830
E poi un pulsante abbiamo alcune scelte.

52
00:03:31,980 --> 00:03:39,680
Faremo il successo di un pulsante e lo renderò grande e salvo.

53
00:03:39,940 --> 00:03:41,620
Diamo un'occhiata a ciò che otteniamo.

54
00:03:41,790 --> 00:03:47,400
E c'è un Jumbotron che puoi vedere che occupa l'intera larghezza della nostra finestra del browser e che di solito

55
00:03:47,400 --> 00:03:48,740
non è ciò che vogliamo.

56
00:03:49,050 --> 00:03:54,840
che sta succedendo è che il JumboTron è impostato per occupare il 100 percento del container in cui si trova.

57
00:03:54,840 --> 00:03:55,510
E quello

58
00:03:55,640 --> 00:03:57,740
In questo caso non è al di fuori di nulla.

59
00:03:57,900 --> 00:04:02,550
Ma presto ti mostrerò il sistema di griglia e il bootstrap in cui possiamo controllare esattamente

60
00:04:02,550 --> 00:04:07,620
quanto vuoi che questo occupi dello schermo se vuoi che sia centrato e occupi un terzo dello schermo.

61
00:04:07,650 --> 00:04:12,180
Due terzi dello schermo su un quarto dello schermo abbiamo tutte queste diverse scelte che possiamo

62
00:04:12,180 --> 00:04:14,150
fare usando il sistema di griglia bootstrap.

63
00:04:14,310 --> 00:04:21,480
Per ora ho intenzione di mostrarvi un altro elemento che non possiamo in cui è un div con classe uguale a

64
00:04:23,600 --> 00:04:25,140
contenitore e che contenitore farà.

65
00:04:25,140 --> 00:04:31,800
Se mettiamo semplicemente delle cose all'interno di un contenitore di classe div, gli diamo un po 'di spazio attorno ad esso

66
00:04:31,800 --> 00:04:32,950
e centrerà le cose.

67
00:04:33,360 --> 00:04:35,130
Quindi il contenitore trova

68
00:04:38,550 --> 00:04:46,750
che ispeziona tutto questo spazio qui che puoi vedere ma ha un po 'di margine su di esso.

69
00:04:46,750 --> 00:04:50,860
Quindi, se vogliamo solo un rapido miglioramento senza dover utilizzare il sistema di

70
00:04:50,860 --> 00:04:55,990
rete di cui non abbiamo parlato, possiamo aggiungere container div class e ora abbiamo questo bel Jumbotron.

71
00:04:55,990 --> 00:05:01,720
E se spostiamo questo codice che abbiamo già nei contenitori, ma non lo

72
00:05:01,720 --> 00:05:03,230
inseriremo nel Jumbotron.

73
00:05:03,310 --> 00:05:07,890
Vedrai che è ancora influenzato da quel contenitore.

74
00:05:08,020 --> 00:05:15,640
Quindi, al di fuori del Jumbotron, ma all'interno del contenitore si salva e si aggiorna, è possibile vedere che si trova anche all'interno

75
00:05:15,640 --> 00:05:18,120
di quel contenitore e lo riflette visivamente.

76
00:05:18,400 --> 00:05:22,320
OK, torniamo ai componenti e alla prossima cosa che ti mostrerò.

77
00:05:22,330 --> 00:05:23,950
Andiamo in cima.

78
00:05:24,280 --> 00:05:28,760
Dobbiamo andare a vedere valutare e ti mostrerò le forme e come funzionano.

79
00:05:28,990 --> 00:05:33,030
Quindi, fare clic su moduli e ci sono diversi tipi e diversi esempi.

80
00:05:33,070 --> 00:05:35,710
E li farò scorrere prima di digitare qualsiasi cosa.

81
00:05:35,980 --> 00:05:39,910
Quindi, ecco un esempio di base di un modulo di bootstrap.

82
00:05:39,910 --> 00:05:42,540
Puoi vedere il mercato che lo crea.

83
00:05:42,760 --> 00:05:49,930
Poi abbiamo ciò che è noto come un modulo in linea e abbiamo un altro tipo di forma in linea

84
00:05:49,930 --> 00:05:55,320
e ancora un altro con diversi tipi di input e un altro tipo di modulo.

85
00:05:55,480 --> 00:05:59,140
E ora questo parla di tutto il diverso tipo di modulo controlla i diversi tipi

86
00:05:59,140 --> 00:06:00,420
di input che sono supportati.

87
00:06:00,430 --> 00:06:03,280
Quindi tutti questi colori sei.

88
00:06:03,310 --> 00:06:13,450
caselle di controllo in linea i pulsanti di scelta rapida dei menu a discesa consentono di continuare a scendere.

89
00:06:13,450 --> 00:06:24,940
Email numero settimana ora e così via aree di testo diverse caselle di controllo disattivate caselle di controllo disattivate pulsanti di opzione

90
00:06:24,970 --> 00:06:26,780
Abbiamo altri Stati del forum.

91
00:06:26,780 --> 00:06:28,370
Abbiamo uno stato di messa a fuoco.

92
00:06:28,470 --> 00:06:30,910
Puoi vedere questa evidenziazione attorno a quel blu.

93
00:06:31,060 --> 00:06:34,420
Questo è lo stile di messa a fuoco bootstrap predefinito.

94
00:06:34,420 --> 00:06:43,750
Possiamo anche disabilitare gli input aggiungendo disabilitato e abbiamo anche alcune altre cose che possiamo fare, ma tornerò

95
00:06:43,780 --> 00:06:49,780
su e concentrerò l'attenzione sull'esecuzione base e inizierò semplicemente copiando l'intero modulo

96
00:06:50,200 --> 00:06:54,610
e poi lo analizzeremo un po 'alla volta.

97
00:06:54,610 --> 00:06:59,200
Quindi torniamo qui e aggiungeremo questo modulo dopo tutto il resto.

98
00:06:59,200 --> 00:07:01,420
Ma lo farò dentro il contenitore.

99
00:07:01,420 --> 00:07:03,290
Lasciatemi fare questo schermo intero per un momento.

100
00:07:03,340 --> 00:07:08,580
Abbiamo la nostra forma e all'interno di quella forma abbiamo un bel po 'di contenuti.

101
00:07:08,590 --> 00:07:11,900
Torniamo al browser e diamo un'occhiata a come appare.

102
00:07:12,460 --> 00:07:17,170
E la prima cosa che noterai probabilmente è che il nostro modulo attraversa tutto questo contenitore.

103
00:07:17,230 --> 00:07:21,060
Ne prende il 100 percento e questo è qualcosa che saremo in grado di controllare.

104
00:07:21,100 --> 00:07:27,360
parliamo del sistema di griglia di bootstrap, sarà facile dire che questo dovrebbe andare al 50 percento.

105
00:07:27,380 --> 00:07:28,470
Una volta che

106
00:07:28,480 --> 00:07:32,920
Quindi è qualcosa che saremo in grado di cambiare facilmente una volta che parliamo del sistema di griglia bootstrap

107
00:07:32,920 --> 00:07:34,090
o non siamo ancora lì.

108
00:07:34,120 --> 00:07:35,510
Quindi ce ne andremo.

109
00:07:35,530 --> 00:07:37,080
Per ora ci vuole il 100 percento.

110
00:07:37,120 --> 00:07:39,670
È un gigantesco forum dall'aspetto strano ma va bene.

111
00:07:39,820 --> 00:07:41,320
Ci piace come è.

112
00:07:41,470 --> 00:07:45,290
Quindi torneremo al sublime e analizzeremo questo pezzo alla volta.

113
00:07:45,550 --> 00:07:48,730
Quindi abbiamo un tag forum all'interno di quel tag forum.

114
00:07:48,910 --> 00:07:54,880
Esiste un gruppo di moduli di classe div e se vuoi saperne di più su ciò che succede se torni

115
00:07:54,880 --> 00:08:01,840
ai documenti di bootstrap e fai una ricerca per il gruppo di moduli e puoi vedere le etichette rap e i controlli nel

116
00:08:01,840 --> 00:08:04,010
gruppo di moduli per la spaziatura ottimale.

117
00:08:04,300 --> 00:08:11,140
Quindi se ci liberiamo di questa classe del gruppo di moduli attorno a questo primo e lo faremo attorno al

118
00:08:11,140 --> 00:08:13,800
primo e al secondo vedremo cosa finiremo con.

119
00:08:13,870 --> 00:08:21,520
Io salverò e aggiornerò vedrai come la spaziatura cambia qui tra questi input.

120
00:08:22,150 --> 00:08:27,040
davvero il modo in cui lo utilizzi dove hai un input e l'etichetta e vuoi che vengano raggruppati insieme.

121
00:08:27,250 --> 00:08:30,640
Quindi possiamo tornare indietro e aggiungere quel gruppo di moduli e questo è

122
00:08:30,940 --> 00:08:35,320
Quindi fai attenzione proprio qui viene aggiunto un po 'di spazio proprio lì.

123
00:08:35,320 --> 00:08:40,330
Aggiunge solo un po 'di spazio proprio qui che raggruppa visivamente questi due elementi

124
00:08:40,330 --> 00:08:43,660
visivamente e poi li unisce sia visivamente che questi qui.

125
00:08:43,660 --> 00:08:45,390
Quindi questo è il gruppo di forme.

126
00:08:46,000 --> 00:08:47,860
E poi le etichette sono solo normali.

127
00:08:47,860 --> 00:08:54,610
Non dobbiamo aggiungere niente di speciale per etichettare nessuna classe Boucek, ma l'input è un controllo di classe.

128
00:08:55,300 --> 00:08:57,470
Quindi vediamo cosa succede quando me ne sbarazzerò.

129
00:08:57,700 --> 00:09:03,670
Quindi lo farò solo sul primo e inserirò l'input e-mail e tornerò e aggiornerò.

130
00:09:03,670 --> 00:09:08,590
Si noti che questo cambia completamente al normale input del browser predefinito.

131
00:09:08,590 --> 00:09:10,050
Quindi non ottieni gli angoli arrotondati.

132
00:09:10,060 --> 00:09:12,800
Non otteniamo la stessa imbottitura e spaziatura delle cose.

133
00:09:13,000 --> 00:09:18,010
Inoltre, non ottenendo lo stesso effetto di messa a fuoco quando clicco, otteniamo un contorno blu ma è

134
00:09:18,010 --> 00:09:19,010
diverso da questo.

135
00:09:19,180 --> 00:09:23,860
tra i due, ma ci sono in realtà alcune differenze più importanti che vedrete una volta che lavoreremo

136
00:09:23,860 --> 00:09:28,750
con il sistema di griglia e il modo in cui si comportano e interagiscono con gli altri elementi.

137
00:09:28,750 --> 00:09:33,430
Il contorno del bootstrap è un po 'più sottile e quelli sono solo i cambiamenti visivi immediatamente ovvi

138
00:09:33,620 --> 00:09:36,170
Tornerà indietro e aggiungerà nuovamente il controllo del modulo.

139
00:09:36,400 --> 00:09:45,880
Quindi se davvero volessimo distillare tutto questo qui si riduce a formare il gruppo e il controllo della forma.

140
00:09:46,150 --> 00:09:49,840
Queste due classi sono veramente responsabili di rendere le cose belle.

141
00:09:49,840 --> 00:09:55,680
Ora c'è questo blocco della guida di classe paragrafo e possiamo dare un'occhiata a ciò che otteniamo da questo.

142
00:09:55,690 --> 00:10:01,910
piccolo suggerimento a una parte del tuo modulo e quella roba con il blocco di aiuto della classe e poi

143
00:10:01,910 --> 00:10:07,680
abbiamo il nostro pulsante qui che è solo un normale pulsante di Pucelle o che abbiamo tra aeb tendono

144
00:10:08,120 --> 00:10:13,570
a cado e potremmo renderlo più piccolo o più grande, cambiare il colore come qualsiasi altro pulsante.

145
00:10:13,570 --> 00:10:16,080
È questo testo qui sotto che dà un

146
00:10:16,090 --> 00:10:21,910
Quindi puoi già vedere come questo è un po 'come il Lego in cui abbiamo un pulsante Lego che

147
00:10:21,910 --> 00:10:23,270
possiamo aggiungere a un jumbotron.

148
00:10:23,320 --> 00:10:27,360
Possiamo anche solo aggiunto da soli o possiamo aggiungerlo al posto di un modulo.

149
00:10:27,430 --> 00:10:31,840
È solo un piccolo componente plug and play che possiamo aggiungere a diverse parti della nostra applicazione.

150
00:10:32,500 --> 00:10:36,990
Quindi torniamo indietro e diamo un'occhiata a un altro tipo di modulo che è la forma in linea.

151
00:10:37,450 --> 00:10:39,120
Quindi questo sembra leggermente diverso.

152
00:10:39,340 --> 00:10:44,800
un commento qui sotto forma di linea e indentiamo le cose correttamente.

153
00:10:46,020 --> 00:10:53,860
Se semplicemente copiamo questo codice e diamo uno sguardo alle differenze, così lascerò quella prima forma e aggiungiamo

154
00:10:54,880 --> 00:10:56,200
Sembra buono.

155
00:10:56,200 --> 00:10:58,360
Si noti che tutto è identico.

156
00:10:58,360 --> 00:11:04,290
Abbiamo ancora un controllo di forma sugli input che abbiamo nel gruppo di moduli, ma c'è una grande differenza.

157
00:11:04,360 --> 00:11:09,070
Tutto è all'interno di un modulo con forma di classe in linea in modo che una riga.

158
00:11:09,490 --> 00:11:11,550
Vediamo solo cosa sembra iniziare.

159
00:11:11,640 --> 00:11:15,450
Torno ci dà questo bel modulo in linea qui.

160
00:11:15,850 --> 00:11:24,870
E non appena me ne sbarazzerò, salvarlo ora tornerà a una forma regolare come quella che abbiamo qui.

161
00:11:25,210 --> 00:11:29,330
Quindi solo una classe contiene tutti gli stili che la controlleranno.

162
00:11:29,470 --> 00:11:31,340
Quindi lo manterremo come Modulo in linea.

163
00:11:31,540 --> 00:11:34,270
E di nuovo la spaziatura non è ideale in questo momento.

164
00:11:34,270 --> 00:11:37,130
Questo sarà risolto quando parliamo del sistema di rete.

165
00:11:37,150 --> 00:11:40,090
Ci sono molte altre cose di cui possiamo parlare intorno ai moduli di bootstrap.

166
00:11:40,090 --> 00:11:46,060
Potremmo probabilmente fare una conferenza di 45 minuti solo sulla creazione di bootstrap di forme complesse imparando i dettagli

167
00:11:46,060 --> 00:11:51,640
di tutti questi diversi pezzi e cose diverse che possiamo fare validazioni personalizzate dimensionando tutti i tipi di

168
00:11:51,970 --> 00:11:53,750
stili diversi con cui possiamo lavorare.

169
00:11:53,830 --> 00:11:55,120
Ma non ho intenzione di farlo.

170
00:11:55,210 --> 00:11:56,880
Abbiamo coperto le nozioni di base importanti.

171
00:11:56,940 --> 00:12:01,540
Esistono due tipi di moduli: sono il tipo di pane e burro delle forme di Boucek in

172
00:12:01,600 --> 00:12:07,150
cui abbiamo la forma regolare di base e quindi una forma in linea e ci saranno alcune altre funzionalità in

173
00:12:07,150 --> 00:12:09,730
diversi aspetti del bootstrap che usiamo attorno ai moduli.

174
00:12:09,910 --> 00:12:14,680
Ma piuttosto che trascorrere del tempo in questo momento e impantanarsi su tutti i dettagli e i

175
00:12:14,680 --> 00:12:19,540
piccoli dettagli dei moduli PRICHEP, mi limiterò a inserire quei piccoli pezzi quando ne abbiamo bisogno quando

176
00:12:19,540 --> 00:12:20,310
usiamo il bootstrap.

177
00:12:20,530 --> 00:12:27,280
Quindi i due takeaway qui sulle forme sarebbero due classi che sono veramente importanti per il controllo della forma e il

178
00:12:27,280 --> 00:12:33,480
controllo della forma del gruppo di forme rende gli input bootstrap del gruppo di forme semplicemente aggiungendo una bella spaziatura.

179
00:12:33,550 --> 00:12:40,660
Quindi, qualunque cosa tu abbia detto, un gruppo di moduli ottiene una bella spaziatura e poi un modulo di classe singola in linea.

180
00:12:40,960 --> 00:12:44,160
Se si avvolge un modulo in cui l'intero modulo va in linea.

181
00:12:44,520 --> 00:12:46,570
E poi abbiamo anche parlato di Jumbotron.

182
00:12:46,900 --> 00:12:50,020
La classe molto semplice è uguale a Jumbotron.

183
00:12:50,110 --> 00:12:51,650
Quindi puoi vedere un peer.

184
00:12:51,970 --> 00:12:54,230
E poi mettiamo tutto dentro un contenitore.

185
00:12:54,460 --> 00:12:59,140
E se ci liberiamo di quel contenitore per mostrarti cosa succede.

186
00:12:59,880 --> 00:13:04,950
Aggiorna tutta la spaziatura che il bel margine va via.

187
00:13:05,200 --> 00:13:11,500
Quindi i contenitori sono carini, solo per avere un po 'di spazio sulla tua app che rende le cose abbastanza belle.

188
00:13:12,140 --> 00:13:17,620
OK, quindi prima di concludere questo video spenderò 10 secondi per mostrarti un sito che

189
00:13:17,620 --> 00:13:23,680
costruiremo un'applicazione che ha un database back-end completo connesso usando nodo ed express e Mongo e mangusta

190
00:13:23,680 --> 00:13:28,780
e un mucchio di tecnologie e usiamo bootstrap per prototipare l'interfaccia per renderla abbastanza

191
00:13:28,780 --> 00:13:33,160
buona abbastanza velocemente e puoi vedere che abbiamo un Jumbotron proprio qui.

192
00:13:33,160 --> 00:13:37,820
Stiamo usando alcuni dei pulsanti che stiamo usando il sistema a griglia che spiegherò più avanti.

193
00:13:37,960 --> 00:13:40,950
E poi se vado ad accedere, possiamo vedere che abbiamo un modulo.

194
00:13:41,260 --> 00:13:46,360
Quindi questi sono controlli di forma che ho disegnato usando il sistema a griglia in modo che non

195
00:13:46,360 --> 00:13:47,610
occupi l'intera larghezza dello schermo.

196
00:13:47,680 --> 00:13:50,070
Piuttosto, occupa solo questa piccola parte centrale.

197
00:13:50,170 --> 00:13:52,700
Quindi vedremo che una volta parliamo del sistema di rete.

198
00:13:52,950 --> 00:13:57,490
Ma voglio solo mostrarti che questa è una vera applicazione ed è qualcosa su cui useremo il bootstrap

199
00:13:57,610 --> 00:14:00,460
per aiutarci a prototipare e ottenere cose abbastanza decenti abbastanza velocemente