1
00:00:00,750 --> 00:00:12,290
Welkom terug in deze les ga ik je laten zien een van de belangrijkste en meest gebruikte onderdelen in alle van Bootstrap dat is de NFR, zodat je eigenlijk op get Boucek dotcom kunnen zien.

2
00:00:12,450 --> 00:00:15,980
Zij maken gebruik van genoeg bar component hier.

3
00:00:16,200 --> 00:00:21,900
We gaan ook een op onze Yelp kamp toepassing te gebruiken en als ik aangepast nav de bar.

4
00:00:21,900 --> 00:00:30,700
Merk op hoe reageert het is en dan ook nog zo snel als ik raakte TAB welk formaat en mobiele grootte we dit mooie hamburger merken.

5
00:00:30,720 --> 00:00:33,020
Dus we zullen werken aan dat alles in deze les.

6
00:00:33,180 --> 00:00:34,890
Maar we gaan eenvoudiger te starten.

7
00:00:34,890 --> 00:00:46,290
Het eerste wat we moeten doen is naar componenten en ga naar nav bar en voor we veel verder gaan heb ik een nieuw bestand, alleen maar omdat we zullen het schrijven van een stuk van de code aangemaakt.

8
00:00:46,380 --> 00:00:48,150
De oude was het krijgen van rommelig.

9
00:00:48,150 --> 00:00:50,620
Ik noem het bijvoorbeeld saaie Bar H T M L.

10
00:00:50,820 --> 00:00:56,030
Binnen alles wat ze hebben is de link naar niet bootstrappen veranderen de titel hier.

11
00:00:56,630 --> 00:01:00,980
Ik noem het bootstrappen Nav bars.

12
00:01:01,350 --> 00:01:02,910
Gewoon zo.

13
00:01:02,910 --> 00:01:07,580
Laten we nu eens naar de docs en neem een ​​kijkje op de standaard nav bar.

14
00:01:08,220 --> 00:01:13,460
Dus dit voorbeeld demonstreert hier alle belangrijke functies waar we merk verbinding kan hebben.

15
00:01:13,560 --> 00:01:15,800
Wij kunnen andere koppelingen kunnen wij hebben laten vallen op de menu's.

16
00:01:15,930 --> 00:01:22,010
Wij kunnen een navigatiebalk vorm hebben en een knop kunnen we dingen die aan de rechterkant dingen die aan de linkerkant te hebben.

17
00:01:22,020 --> 00:01:23,720
Deze vitrines werkelijk alles.

18
00:01:23,790 --> 00:01:30,330
Het is het aanrecht van bootstrap saaie bars en dus ook de opmaak is een beetje lang.

19
00:01:30,390 --> 00:01:33,530
We zullen werken met al deze stukken tegen het einde van de video.

20
00:01:33,540 --> 00:01:37,790
Maar ik wil eenvoudiger starten en ik zal beginnen door te laten zien u de eenvoudigste manier om een ​​nummer te maken.

21
00:01:38,040 --> 00:01:51,550
Dus we moeten een nav element te maken en dat NAV element moet twee klassen hebben we willen nav bar en nav bar en we kunnen beginnen met Dasch default zal redden.

22
00:01:51,550 --> 00:01:54,920
En laten we nu eens gaan kijken naar het bestand in de browser en refresh.

23
00:01:55,200 --> 00:02:04,860
Je kunt zien dat ik hoop dat het overkomt en screencast er genoeg bar zeer zwakke bar gaat over de bovenkant dus dat is dat dat is hoe we eigenlijk initialiseren NF bar.

24
00:02:04,860 --> 00:02:06,980
Laten we nu eens vullen met bepaalde inhoud.

25
00:02:07,050 --> 00:02:11,640
Het eerste wat we zullen een kijkje nemen is hoe we hier in dit merk kan toevoegen.

26
00:02:11,790 --> 00:02:13,180
In principe uw bedrijfsnaam.

27
00:02:13,230 --> 00:02:14,320
In de meeste gevallen.

28
00:02:14,900 --> 00:02:20,830
En dat is met behulp van een navigatiebalk header en vervolgens in de NFR header gebruiken we een navigatiebalk merk.

29
00:02:20,850 --> 00:02:35,910
Dus laten we beginnen met toe te voegen dat div class gelijk nav bar dash header en dan de binnenkant van daar gaan we naar toe in nav bar merk dat is een anker-tag.

30
00:02:35,910 --> 00:02:39,440
Meestal als u klikt op dat bedrijfsnaam brengt u terug naar de home page.

31
00:02:39,660 --> 00:02:45,840
Dus we dat hier doen anchor tag en we beginnen met het verkeer gelijk is aan de Thorpes dus het ons nergens neemt.

32
00:02:45,870 --> 00:02:52,890
Klasse zal gelijk nav bar dash merk en we zullen gewoon deel uitmaken van een bedrijfsnaam.

33
00:02:52,890 --> 00:02:57,170
Laten we eens kijken of ik een kopje koffie om me dus laten we gaan met koffie.

34
00:02:57,270 --> 00:03:02,210
Maar eigenlijk is het een ware startup die we nodig hebben om de spelling een beetje te veranderen te maken.

35
00:03:02,400 --> 00:03:03,180
OK Alex.

36
00:03:03,180 --> 00:03:03,990
Goed genoeg voor mij.

37
00:03:04,020 --> 00:03:05,350
Koffie met een K.

38
00:03:05,760 --> 00:03:07,420
Laten we eens een kijkje nemen.

39
00:03:07,590 --> 00:03:11,830
Vernieuwen en we hebben nu onze NAV bar merk dat is een link.

40
00:03:11,940 --> 00:03:12,880
Ik klik op het.

41
00:03:13,010 --> 00:03:20,940
Het maakt me niet overal op dit moment te nemen, maar uiteindelijk onze applicaties zullen hebben, zodat wanneer u op de naam van het bedrijf brengt u terug naar de home page volgende.

42
00:03:20,940 --> 00:03:24,480
Laten we eens kijken of we kunnen toevoegen in een aantal andere schakels zoals contact over.

43
00:03:24,510 --> 00:03:25,660
Meld je aan voor register.

44
00:03:25,770 --> 00:03:27,490
Al die gemeenschappelijke schakels in de bar.

45
00:03:27,660 --> 00:03:31,190
Laten we beginnen met het toevoegen van ongeveer paginakoppeling hier.

46
00:03:31,500 --> 00:03:41,600
Dus we terug en dan buiten de navigatiebalk header gaan we naar een ander div te maken in dit div zal alle content te verzamelen in ieder geval aan de linkerkant van onze NAV bar te gaan.

47
00:03:41,760 --> 00:03:48,960
Dus we hebben de header en dan zullen we bepaalde inhoud hebben en dan als we er iets aan de rechterkant willen we nog een div dat een andere klasse heeft te hebben.

48
00:03:48,960 --> 00:03:50,010
Dus de klasse hier.

49
00:03:50,070 --> 00:03:56,730
Eigenlijk twee willen we nav en nav bar dash nav.

50
00:03:56,850 --> 00:04:00,170
Vraag me niet over het benoemen van hun nav bar dash nav.

51
00:04:00,210 --> 00:04:05,940
Het is een van de grote kritiek op bootstrap is dat het een beetje lelijk en het is niet erg zinvol soms.

52
00:04:06,030 --> 00:04:14,630
En er is eigenlijk een CSSA framework dat is gemaakt in reactie op de semantische zinloosheid van bootstrap als je semantische UI zal heten.

53
00:04:14,910 --> 00:04:16,660
En dat is er een die ik echt van te genieten.

54
00:04:16,710 --> 00:04:18,070
En ik gedebatteerd onderwijs.

55
00:04:18,420 --> 00:04:22,190
Maar uiteindelijk is het gewoon niet zo veel gebruikt er niet zo groot tutorials nog.

56
00:04:22,200 --> 00:04:23,550
Dus terug naar onze diff hier.

57
00:04:23,590 --> 00:04:27,600
Klasse nav nav bar en de klasse nav deze beide.

58
00:04:27,690 --> 00:04:36,850
En dan voor elk punt dat we willen op deze NFR moeten we een bondgenoot toe te voegen en vervolgens in de Y als we willen linken we hebben net een anker-tag.

59
00:04:37,050 --> 00:04:38,810
Dus dit zal gewoon nergens te gaan.

60
00:04:38,850 --> 00:04:42,280
Opnieuw en dit zal de Over pagina.

61
00:04:42,500 --> 00:04:54,120
En als ik terug te gaan en te vernieuwen we hebben nu een link naar over laten we voeg een meer om contact op te slaan terug te gaan.

62
00:04:54,570 --> 00:04:58,950
Nu hebben we twee links laten we nu gaan en iets toevoegen aan de rechterkant van de pagina.

63
00:04:59,160 --> 00:05:07,630
Laten we voeg twee schakels een voor register of meld je aan en een andere voor aanmelden aan de rechterkant van de bar om dat te doen.

64
00:05:07,690 --> 00:05:23,570
We hebben een nother container hier en eigenlijk in plaats van het gebruik van divs het is meer gebruikelijk om gebruik maken van een u zal het exact dezelfde manier werken, maar u wilt bondgenoten in plaats van een goed hebben zelfs al zijn ze prima met een div maakt zal werken beetje meer zin te zijn in plaats van een UL.

65
00:05:23,620 --> 00:05:32,700
Dus we gaan naar een andere UL toe te voegen en deze gaat Nav zijn. nav bar dash nav en vervolgens nav bar dash.

66
00:05:32,760 --> 00:05:33,570
Rechts.

67
00:05:33,660 --> 00:05:38,280
En we moeten ervoor zorgen dat we spellen die correct anders zal die klasse niet van kracht.

68
00:05:38,280 --> 00:05:42,960
Dus wat dit zal doen, is ons een nieuwe groep van content voor de rechterzijde van die nav bar.

69
00:05:43,120 --> 00:05:44,540
En nu moeten we gewoon te vullen.

70
00:05:44,550 --> 00:05:47,750
Dus ik twee schakels zowel speld tussen te voegen.

71
00:05:47,820 --> 00:05:56,550
De eerste zal nergens heen en het zal zeggen: meld je aan en dan zullen we een ander dat zegt gewoon inloggen in te hebben.

72
00:05:56,940 --> 00:05:58,080
Laten we kijken.

73
00:05:58,290 --> 00:06:01,630
Vernieuw de pagina en je kunt zien hebben wij inhoud aan de rechterkant.

74
00:06:01,650 --> 00:06:12,220
Maar het is recht tegen de rand en op te lossen dat we kunnen toevoegen in een container om genoeg bar net als wij gebruik maken van de container eerder om wat afstand toe te voegen aan onze forums.

75
00:06:12,220 --> 00:06:14,190
We konden één in plaats van een navigatiebalk toe te voegen.

76
00:06:14,400 --> 00:06:17,730
Dus ik zet alles in de Neph bar in plaats van een container.

77
00:06:17,740 --> 00:06:20,800
Dus class is gelijk aan container.

78
00:06:21,060 --> 00:06:22,430
verplaats deze gewoon naar beneden.

79
00:06:22,560 --> 00:06:26,180
Zorg ervoor dat alles is ingesprongen op de juiste.

80
00:06:26,190 --> 00:06:27,770
Daar gaan we.

81
00:06:27,780 --> 00:06:30,930
Laten we eens testen het uit.

82
00:06:30,930 --> 00:06:31,430
Leuk.

83
00:06:31,440 --> 00:06:33,910
Dus nu alles is gecentreerd aardig en correct.

84
00:06:34,140 --> 00:06:41,940
Ik zal je laten zien als ik de container toe te voegen buiten de nav en zetten ze de hele nav bar binnen.

85
00:06:42,880 --> 00:06:43,650
Wel zien wat er gebeurt.

86
00:06:43,660 --> 00:06:49,950
Nu als ik waren vers genoeg bars ik eigenlijk afgesneden en gaat alleen een deel van de weg aan de overkant.

87
00:06:50,460 --> 00:06:53,460
Dus container zal doen dat voor wat we zetten binnenkant van het.

88
00:06:53,670 --> 00:07:03,820
En in dit geval willen we de container binnenkant van de navigatiebalk, zodat het niet vernauwen van de werkelijke saaie deel zelf, maar het is het beperken van de inhoud erin.

89
00:07:04,440 --> 00:07:04,950
OK.

90
00:07:05,060 --> 00:07:13,060
Dus container hebben we onze Hetter hebben we de spullen aan de linkerkant en we hebben een aantal content op rechts, zodat je hier kunt zien.

91
00:07:13,290 --> 00:07:29,670
Nu, wat step it up een beetje en gaan en neem deze fundamentele nav bar of de standaard nav bar die ze hebben in de docs en laten we kopieer deze hele ding en ik zal zet ze gewoon recht onder zijn nu veel te maken wat ruimte.

92
00:07:29,670 --> 00:07:33,010
Veel commentaar om het duidelijker te maken.

93
00:07:33,250 --> 00:07:35,510
Standaard nav bar.

94
00:07:36,060 --> 00:07:40,280
En laten we eens een kijkje op het refresh.

95
00:07:40,560 --> 00:07:44,580
Dus het is dit nav bar hier en daar is een paar dingen die ik wil benadrukken.

96
00:07:44,580 --> 00:07:48,690
Een daarvan is dat we hebben laten vallen op de menu's, maar ze niet echt werken.

97
00:07:48,900 --> 00:07:53,300
En ook als we het raam formaat krijgen we de hamburger menu hier.

98
00:07:53,550 --> 00:07:54,740
Deze banden weg te gaan.

99
00:07:54,750 --> 00:07:58,630
De vorm gaat weg en hen te laten zien moeten we klik hier.

100
00:07:58,830 --> 00:08:00,480
Maar dat werkt niet ook niet.

101
00:08:00,960 --> 00:08:07,570
Dus laten we beginnen met het krijgen van het werk en dan zullen we praten over al die verschillende stukjes en wat ze doen om het te laten werken.

102
00:08:07,590 --> 00:08:10,550
We moeten om te gaan en ook de bootstrap javascript bestand.

103
00:08:10,830 --> 00:08:15,660
Dus als we terug gaan naar de bootstrap docs We tijdens downloaden zullen klikken.

104
00:08:15,780 --> 00:08:19,800
Er is ook een JavaScript-bestand dat we nodig hebben, wat recht is hier.

105
00:08:19,800 --> 00:08:24,460
Ik zal het CDN-versie te gebruiken, maar het komt ook in de map die u downloadt.

106
00:08:24,510 --> 00:08:25,700
Het is gewoon heet bootstrap.

107
00:08:25,810 --> 00:08:26,220
Ja.

108
00:08:26,250 --> 00:08:29,890
Of de geminimaliseerde versie bootstrap up Mencius.

109
00:08:30,420 --> 00:08:36,210
En laten we toevoegen dat en we doen het naar beneden op de bodem van ons lichaam en op te slaan.

110
00:08:36,210 --> 00:08:38,280
En ik weet dat we nog niet gesproken over javascript.

111
00:08:38,380 --> 00:08:42,860
Je weet niet wat een script is en wat de bron hier maakt het niet uit.

112
00:08:42,900 --> 00:08:44,710
We gaan gewoon de stekker in bootstrap.

113
00:08:44,910 --> 00:08:46,550
En nu onze refresh.

114
00:08:46,710 --> 00:08:53,470
Kunnen we het oplossen van een klein probleem, die laat ik je dat hier ons vertelt dat bootstraps javascript vraag vereist.

115
00:08:53,790 --> 00:08:56,180
Maak je geen zorgen over wat dit is en hoe het moet dit bericht.

116
00:08:56,250 --> 00:08:59,970
Maar ik wil gewoon laten zien aan u, zodat u de werkelijke boodschap die wij krijgen te zien.

117
00:08:59,970 --> 00:09:03,240
We moeten J vraag die we ook hebben niet gesproken over nodig.

118
00:09:03,580 --> 00:09:05,360
Maar het is makkelijk genoeg om te gaan en te krijgen.

119
00:09:05,400 --> 00:09:07,140
We hoeven niet aan een javascript te schrijven.

120
00:09:07,170 --> 00:09:08,830
Je hoeft niet aan een javascript weten.

121
00:09:08,830 --> 00:09:10,180
We hoeven alleen maar op te nemen.

122
00:09:10,230 --> 00:09:23,890
Dus alles wat we moeten doen is zoeken naar Jay query's CDN die op code die Jay dot com en hier beneden zal moeten om de meest recente versie te selecteren en kopieer deze URL.

123
00:09:23,910 --> 00:09:30,150
Dit is de Querrey bestand en dan gaan we terug naar hier.

124
00:09:30,150 --> 00:09:32,560
We gaan naar een ander één van deze script-tags toe te voegen.

125
00:09:32,640 --> 00:09:34,410
In principe is het kopiëren van deze exacte code.

126
00:09:34,410 --> 00:09:42,030
In feite zal ik dat doen om het gemakkelijker maken om die exacte lijn dupliceren en verander dit adres om de jey vraag je bent.

127
00:09:42,610 --> 00:09:44,530
Als al het andere faalt, kun je typt gewoon dit uit.

128
00:09:44,560 --> 00:09:56,290
Het is niet zo slecht als je een l, maar ik heb dit door te zoeken naar Jay queery CDN en zal redden en dit hoeft voordat bootstraps javascript bestand te komen, omdat het is gebaseerd op een query.

129
00:09:56,560 --> 00:10:00,370
Dus nog een keer niet te veel over wat het is hoe het werkt, wat Jay vraag is zorgen.

130
00:10:00,450 --> 00:10:02,150
Dat is alles wat komen een paar minuten vanaf nu.

131
00:10:02,430 --> 00:10:06,550
Maar om het meeste uit bootstrap en in het bijzonder de nav bars en het dropdown menu.

132
00:10:06,750 --> 00:10:13,210
We moeten alleen deze twee lijnen hebben elk moment dat we met behulp van dus we zullen nu terug te gaan en te vernieuwen.

133
00:10:13,230 --> 00:10:18,850
Allereerst worden gedropt op de menu's werken nu zoals je kunt zien we nu dropdown menu's.

134
00:10:18,880 --> 00:10:24,430
We gaan niet daarover te praten in deze video maar zoals ik het formaat en ik krijg dat hamburger.

135
00:10:25,050 --> 00:10:26,980
De hamburger werkt nu als ik erop klik.

136
00:10:26,980 --> 00:10:29,480
Het schakelt dat verborgen materiaal.

137
00:10:29,560 --> 00:10:43,280
Dus de manier waarop het werkt hier is er dit kleine breekpunt hier waar al deze inhoud huiden en alles wat we zien is de header en die knop.

138
00:10:43,380 --> 00:10:49,120
En toen we op de knop al wat eerder verborgen inhoud verschijnt weer Laten we die aan het werk.

139
00:10:49,120 --> 00:10:50,650
Nu voor ons.

140
00:10:50,950 --> 00:11:01,960
Maar we gaan naar een veel minder ingewikkeld versie te doen wanneer we willen gewoon deze vier banden te verbergen, zodat wanneer we het formaat van deze vier links worden verborgen en vervolgens erg snel zullen ze worden weergegeven.

141
00:11:02,250 --> 00:11:09,830
Om dat te doen gaan om te beginnen door het nemen van een blik op hoe is het volbrengt in deze standaardversie deze reus monster van een navigatiebalk.

142
00:11:10,380 --> 00:11:13,650
En ik zal gewoon wijzen op de belangrijke lijn hier.

143
00:11:13,760 --> 00:11:24,850
Div class collapse nav bar ineenstorting wat we binnenkant van deze div gezet zal worden ingestort toen we Mobile grootte slaan, zodat het de knop niet zal maken voor ons.

144
00:11:24,850 --> 00:11:33,470
Het zal de omschakeling niet in de re-te zien zijn in het verbergen, maar het zal verbergen wat inhoud zetten we erin als we dat tablet en mobiel formaat te raken.

145
00:11:33,650 --> 00:11:40,320
Dus we gaan om dit te kopiëren en we hoeven alleen maar om het te wikkelen rond de inhoud die we willen verbergen en we willen dit hier te verbergen.

146
00:11:40,330 --> 00:11:49,980
Deze twee Juelz Dus de vier banden willen we verbergen wanneer we dat kleinere grootte van het scherm raken.

147
00:11:50,440 --> 00:11:57,820
Dus voeg in de afsluitende tag en op te slaan en er is een lijn hier en dit is belangrijk en ik zal slechts een moment om het te krijgen.

148
00:11:57,850 --> 00:12:01,230
Het zal ons niet gewoon nog niet van invloed zijn, maar als we vernieuwen.

149
00:12:01,690 --> 00:12:02,160
Je zult het zien.

150
00:12:02,170 --> 00:12:10,650
Nu wanneer ik het formaat is er een punt hier waar al dat inhoud binnenkant van de instorting div verdwijnt.

151
00:12:10,680 --> 00:12:11,650
Nu is het niet opnieuw verschijnt.

152
00:12:11,640 --> 00:12:13,180
We dit niet hamburger te krijgen.

153
00:12:13,330 --> 00:12:16,940
We krijgen niet een klik op om het even wat, maar het is ingestort het is verdwenen.

154
00:12:17,050 --> 00:12:24,580
En dat komt omdat we in deze lijn hier div class ineenstorting nav bar instorten toegevoegd.

155
00:12:24,630 --> 00:12:29,780
Volgende wat we moeten doen is toe te voegen in de hamburger en het is nogal een beetje van de code.

156
00:12:29,780 --> 00:12:33,010
Helaas is het nog steeds veel beter dan als we het zelf doen.

157
00:12:33,280 --> 00:12:37,220
Maar de hamburger is eigenlijk dit alles hier.

158
00:12:37,800 --> 00:12:48,660
Dus ik ga om te kopiëren dat en plak het op maximaal binnenkant van een dutje of Hetter voor onze koffie inContact.

159
00:12:48,970 --> 00:12:52,420
En we zullen redden Ik kom terug naar wat het doet komen.

160
00:12:53,320 --> 00:12:54,680
Laten we gewoon te vernieuwen.

161
00:12:55,140 --> 00:12:57,910
En nu als ik het formaat ik de hamburger.

162
00:12:58,120 --> 00:13:00,280
Daar gaan we.

163
00:13:00,310 --> 00:13:03,240
Laat me nu een beetje over hoe het werkt te verklaren.

164
00:13:03,250 --> 00:13:13,000
Dus er is een knop en vervolgens binnen die knop er drie overspanningen en een ieder is verantwoordelijk voor het maken van een van deze bars.

165
00:13:13,210 --> 00:13:21,780
Dus het is niet een beeld dat we hier zien is het eigenlijk elk team dat is het maken van deze kleine spand die worden gestyled in die smalle bars om die hamburger te maken.

166
00:13:22,030 --> 00:13:34,310
En dan zo ver als het tonen en verbergen van de inhoud als we klik op wat echt belangrijk is dat we deze gegevens doelkenmerk en wat dit is ingesteld op in ons geval B-S voorbeeld.

167
00:13:34,310 --> 00:13:41,700
Nu voor onze ineenstorting één bootstrap bijvoorbeeld net voor onze club zo en laten we gewoon veranderen in ja.

168
00:13:42,180 --> 00:13:44,330
Nav. demo net als dat.

169
00:13:44,470 --> 00:13:49,810
Dan moeten we de ID van de inhoud die we willen eigenlijk storten die we willen laten zien en te verbergen te veranderen.

170
00:13:49,870 --> 00:13:57,310
Dus ik zal het te veranderen aan te passen vs nav demo.

171
00:13:57,340 --> 00:13:59,710
Let op een belangrijk verschil.

172
00:13:59,710 --> 00:14:11,420
We zijn niet toe te voegen in het Noordpoolgebied Thor Dus het is net als CSI en wanneer we iets met C zegt dat we nodig hebben om te gebruiken die Octa Thorpe om een ​​ID te richten, zodat verlaten we de ID als gewoon de tekst de naam te selecteren.

173
00:14:11,440 --> 00:14:18,120
Nu, als demo we hier aan toevoegen dat Thorpe zal het refresh redden.

174
00:14:18,120 --> 00:14:25,490
Nu als ik het formaat krijgen we de hamburger en ze op het en het werkt om dat het weergeven en verbergen te schakelen.

175
00:14:26,250 --> 00:14:27,040
Grote.

176
00:14:27,070 --> 00:14:32,400
Het laatste ding dat zal laten zien is dat als we bewegen iets buiten deze instorten.

177
00:14:32,470 --> 00:14:35,710
Dus laten we hier deze links.

178
00:14:36,070 --> 00:14:55,710
De rekening of het over en het contact en we bewegen die hier buiten de instorting div en ik vernieuwen kunt zien dat ze eigenlijk niet instorten ze daar blijven en klik ik op die en de andere twee dat in plaats zijn van de ineenstorting worden omgeschakeld.

179
00:14:55,720 --> 00:15:00,390
Nu ben ik niet zeggen dat dit ziet er goed uit, maar het illustreert het belang van die instorting div ..

180
00:15:00,630 --> 00:15:08,160
Dus wat is er gebeurd kant van instorting of wat we hebben in ons geval voor verschillende links naar die op het recht op of aan de linkerkant.

181
00:15:08,160 --> 00:15:12,070
Ze hebben allemaal zal instorten wanneer we dat kleinere mobiele grootte hit.

182
00:15:12,070 --> 00:15:23,570
En vervolgens om ze opnieuw tonen we op deze knop klikt hier en die knop heeft een data doelkenmerk en wat ID komt dit overeen met zal worden verborgen en getoond wanneer we op dat.

183
00:15:24,010 --> 00:15:25,930
En dat gebeurt op dit idee hier te zijn.

184
00:15:26,440 --> 00:15:28,230
OK dus een soort van een marathon.

185
00:15:28,270 --> 00:15:30,750
Een heleboel dingen die verder gaat in het maken van een bootstrap nav bar.

186
00:15:30,970 --> 00:15:37,450
Maar nogmaals de manier waarop we aankwamen was er alleen door recht omhoog te kopiëren dit in ons bestand en ontleden stukken ervan.

187
00:15:37,540 --> 00:15:44,080
En dat is hoe we genoeg zijn vrijwel elke keer als we gewoon dat voorbeeld code en erachter te komen wat stukken die we nodig hebben en ga vanaf daar.