1
00:00:00,750 --> 00:00:06,120
Bu derste sizlere, NFR olan Bootstrap'ın tümünde en önemli ve

2
00:00:06,120 --> 00:00:12,290
en yaygın kullanılan bileşenlerden birini göstereceğim ve böylece Boucek dotcom'u göreceksiniz.

3
00:00:12,450 --> 00:00:15,980
Burada yeterince çubuk kullanıyorlar.

4
00:00:16,200 --> 00:00:21,900
Yelp kampı uygulamamızda da kullanacağız ve nav çubuğunu yeniden boyutlandırdık.

5
00:00:21,900 --> 00:00:28,980
Ne kadar duyarlı olduğuna dikkat edin ve tablaya ne boyutta ve mobil boyutta girdiğimde bu güzel hamburger

6
00:00:28,980 --> 00:00:30,700
elde ettiğimize dikkat edin.

7
00:00:30,720 --> 00:00:33,020
Bu yüzden bu derste bütün bunların üzerine doğru çalışacağız.

8
00:00:33,180 --> 00:00:34,890
Ancak daha basit başlayacağız.

9
00:00:34,890 --> 00:00:42,480
Yapmamız gereken ilk şey, bileşenlere gidip gezi çubuğuna gidip daha önce gitmemiz gereken yeni bir

10
00:00:42,480 --> 00:00:46,290
dosya oluşturduk çünkü sadece biraz kod yazacağız.

11
00:00:46,380 --> 00:00:48,150
Eskisi dağınıklaşıyordu.

12
00:00:48,150 --> 00:00:50,620
Ben onu naff Bar H T M L olarak adlandırıyorum.

13
00:00:50,820 --> 00:00:56,030
Tek sahip oldukları şey, buradaki başlığı değiştirmeden önyükleme bağlantısının bağlantısıdır.

14
00:00:56,630 --> 00:01:00,980
Buna sadece önyükleme çubuğu çubukları diyebilirim.

15
00:01:01,350 --> 00:01:02,910
Aynen böyle.

16
00:01:02,910 --> 00:01:07,580
Şimdi dokümanlara gidelim ve varsayılan nav çubuğuna bir göz atalım.

17
00:01:08,220 --> 00:01:13,460
Bu örnekte burada bir marka bağlantımız olabilecek tüm önemli özellikleri sergiliyoruz.

18
00:01:13,560 --> 00:01:15,800
Menülere düşebileceğimiz başka bağlantılar da olabilir.

19
00:01:15,930 --> 00:01:20,940
Bir nav bar formumuz olabilir ve sol tarafta bulunan sağ taraftaki şeyleri alabilmemiz için

20
00:01:20,940 --> 00:01:22,010
bir düğme görebiliriz.

21
00:01:22,020 --> 00:01:23,720
Bu gerçekten her şeyi sergiliyor.

22
00:01:23,790 --> 00:01:30,330
Bootstrap naf barlarının mutfak lavabosudur ve dolayısıyla biçimlendirme biraz uzundur.

23
00:01:30,390 --> 00:01:33,530
Bu videonun sonunda tüm bu parçalarla çalışacağız.

24
00:01:33,540 --> 00:01:37,790
Ancak daha basit bir şekilde başlamak istiyorum, size bir numara yapmanın en basit yolunu göstereceğim.

25
00:01:38,040 --> 00:01:46,470
Bu yüzden bir nav öğesi oluşturmamız gerekiyor ve bu NAV öğesinin iki sınıfı olması gerekiyor, nav

26
00:01:46,470 --> 00:01:51,550
çubuğu ve nav çubuğu istiyor ve Dasch varsayılanıyla başlayabiliyoruz.

27
00:01:51,550 --> 00:01:54,920
Ve şimdi tarayıcıdaki dosyaya bakıp yenileyelim.

28
00:01:55,200 --> 00:02:00,690
Umutla karşılaştığımı ve ekran görüntüsü için yeterli barın bulunduğu çok soluk çubukların üstten

29
00:02:00,690 --> 00:02:04,860
geçtiğini görebiliyorsunuz, yani aslında NF barını nasıl başlatıyor olacağız.

30
00:02:04,860 --> 00:02:06,980
Şimdi onu biraz içerikle dolduralım.

31
00:02:07,050 --> 00:02:11,640
İlk göz atacağımız şey, bu markaya nasıl ekleyebileceğimiz.

32
00:02:11,790 --> 00:02:13,180
Temel olarak şirketinizin adı.

33
00:02:13,230 --> 00:02:14,320
Çoğu durumda.

34
00:02:14,900 --> 00:02:20,830
Ve bu bir nav çubuğu başlığı kullanıyor ve daha sonra NFR başlığının içinde bir nav çubuğu markası kullanıyoruz.

35
00:02:20,850 --> 00:02:32,160
Bu yüzden, div sınıfının nav çubuğu çizgi başlığına eşit olduğunu ekleyerek başlayalım ve içimizde bir çapa etiketi

36
00:02:32,160 --> 00:02:35,910
olan nav bar markasına ekleyeceğiz.

37
00:02:35,910 --> 00:02:39,440
Genellikle o şirket adına tıkladığınızda sizi ana sayfaya geri götürür.

38
00:02:39,660 --> 00:02:44,760
Bu yüzden burada demirleme etiketini yapacağız ve Thorpes'a eşit bir trafikle başlayacağız, böylece bizi

39
00:02:44,760 --> 00:02:45,840
bir yere götürmeyecek.

40
00:02:45,870 --> 00:02:52,890
Sınıf, nav çubuk çizgi markasına eşit olacak ve sadece bir şirket adı oluşturacağız.

41
00:02:52,890 --> 00:02:57,170
Bakalım etrafımda bir kahve fincanı var mı, o halde kahve içelim gidelim.

42
00:02:57,270 --> 00:03:02,210
Ancak aslında onu gerçek bir başlangıç ​​yapmak için yazım hatalarını biraz değiştirmeliyiz.

43
00:03:02,400 --> 00:03:03,180
Tamam Alex.

44
00:03:03,180 --> 00:03:03,990
Benim için yeterince iyi.

45
00:03:04,020 --> 00:03:05,350
K ile kahve

46
00:03:05,760 --> 00:03:07,420
Hadi bir göz atalım.

47
00:03:07,590 --> 00:03:11,830
Yenile ve şu anda bir bağlantı olan NAV bar markamız var.

48
00:03:11,940 --> 00:03:12,880
Tıkırdayım.

49
00:03:13,010 --> 00:03:17,250
Şu anda hiçbir yere götürmüyor, ancak sonunda şirket uygulamalarımıza sahip olacak,

50
00:03:17,250 --> 00:03:20,940
böylece şirket adına tıkladığınızda sizi bir sonraki sayfaya geri götürecek.

51
00:03:20,940 --> 00:03:24,480
Bakalım, hakkında bağlantı kurmak gibi bazı diğer bağlantıları ekleyebilir miyiz.

52
00:03:24,510 --> 00:03:25,660
Kaydolmak için kayıt olun.

53
00:03:25,770 --> 00:03:27,490
Barda bulunan tüm ortak bağlantılar.

54
00:03:27,660 --> 00:03:31,190
Hemen sayfa bağlantısını ekleyerek başlayalım.

55
00:03:31,500 --> 00:03:37,620
Dolayısıyla geri döneceğiz ve daha sonra nav çubuğu başlığının dışına, bu div'de başka bir div oluşturmak

56
00:03:37,620 --> 00:03:41,600
için tüm içeriği en azından NAV çubuğumuzun sol tarafında toplayacağız.

57
00:03:41,760 --> 00:03:46,410
Yani, başlığı var ve sonra bazı içeriğe sahip olacağız ve sağ tarafta bir şeyler istiyorsak,

58
00:03:46,500 --> 00:03:48,960
başka bir sınıfı olan başka bir div yapacağız.

59
00:03:48,960 --> 00:03:50,010
Sınıf burada.

60
00:03:50,070 --> 00:03:56,730
Aslında iki biz, nav ve nav bar çizgisi nav'ını istiyoruz.

61
00:03:56,850 --> 00:04:00,170
Navbar çizgisinin adlandırılması hakkında bana soru sormayın.

62
00:04:00,210 --> 00:04:05,040
Önyüklemenin en büyük eleştirilerinden biri, biraz çirkin olması ve bazen çok

63
00:04:05,040 --> 00:04:05,940
anlamlı olmamasıdır.

64
00:04:06,030 --> 00:04:12,030
önyükleme desteğinin semantik anlamsızlığına yanıt olarak yaratılan bir CSSA çerçevesi var.

65
00:04:12,030 --> 00:04:14,630
Ve aslında, anlamsal UI çağırırsanız,

66
00:04:14,910 --> 00:04:16,660
Ve benim de gerçekten hoşlandığım şey bu.

67
00:04:16,710 --> 00:04:18,070
Ve öğretmeyi tartıştım.

68
00:04:18,420 --> 00:04:22,190
Ancak sonuç olarak, henüz yaygın olarak kullanılmadığı için henüz harika dersler olmuyor.

69
00:04:22,200 --> 00:04:23,550
Yani burada bizim farkına geri.

70
00:04:23,590 --> 00:04:27,600
Sınıf nav bar nav ve sınıf nav her ikisi de.

71
00:04:27,690 --> 00:04:34,710
Ve sonra bu NFR'de istediğimiz her öğe için bir müttefik eklemeliyiz ve bağlamak istersek Y'de

72
00:04:34,710 --> 00:04:36,850
sadece bir bağlantı etiketi aldık.

73
00:04:37,050 --> 00:04:38,810
Bu yüzden bu bir yere gidecek.

74
00:04:38,850 --> 00:04:42,280
Bir kez daha ve bu Hakkında sayfasına gelecek.

75
00:04:42,500 --> 00:04:53,550
Geri dönüp yenileyeyim, şimdi hakkında bir bağlantı bulalım, kontağa bir daha ekleyelim save go.

76
00:04:54,570 --> 00:04:58,950
Şimdi iki bağlantımız var, şimdi devam edelim ve sayfanın sağ tarafına bir şeyler ekleyelim.

77
00:04:59,160 --> 00:05:05,340
Bunu yapmak için kayıt ya da kaydolmak için iki bağlantı eklemek ve çubuğun sağ tarafında oturum açmak için bir tane

78
00:05:06,840 --> 00:05:07,630
daha ekleyelim.

79
00:05:07,690 --> 00:05:13,370
yerine daha kullanışlı olacaksınız, aynı şekilde çalışacak ancak bir div ile iyi çalışsa

80
00:05:13,630 --> 00:05:19,150
bile iyi bir müttefik olmasını istiyorsunuz. Bir UL yerine olmak biraz daha mantıklı.

81
00:05:19,140 --> 00:05:23,570
Burada bir başka kapsayıcıya ihtiyacımız var ve aslında div'leri kullanmak

82
00:05:23,620 --> 00:05:32,010
Böylece başka bir UL ekleyeceğiz ve bu da Nav olacak. nav çubuğu çizgi nav ve nav bar

83
00:05:32,100 --> 00:05:32,700
çizgi.

84
00:05:32,760 --> 00:05:33,570
Sağ.

85
00:05:33,660 --> 00:05:38,280
Ve bunu doğru yazdığımızdan emin olmamız gerekir; aksi takdirde bu sınıf etkili olmaz.

86
00:05:38,280 --> 00:05:42,960
Bunun için ne yapacağız, o nav çubuğunun sağ tarafı için yeni bir içerik grubu yapmak.

87
00:05:43,120 --> 00:05:44,540
Ve şimdi sadece doldurmamız lazım.

88
00:05:44,550 --> 00:05:47,750
Bu yüzden hem edgewise'da iki bağlantı ekleyeceğim.

89
00:05:47,820 --> 00:05:55,510
Birincisi hiçbir yere gitmeyecek ve kayıt yaptıracağını söyleyecek ve daha sonra giriş yapacağımızı söyleyen başka bir tane

90
00:05:55,770 --> 00:05:56,550
daha alacağız.

91
00:05:56,940 --> 00:05:58,080
Hadi bir bakalım.

92
00:05:58,290 --> 00:06:01,630
Sayfayı yenileyin ve sağ tarafta içerik bulunduğunu görebilirsiniz.

93
00:06:01,650 --> 00:06:07,710
Bununla birlikte, karşı tarafın tam karşısında ve ana içeriğimize biraz boşluk eklemek için daha önce konteyneri

94
00:06:07,710 --> 00:06:12,220
daha önce kullandığımız gibi bir kutuya yeterli bir kutuya ekleyebileceğimizi düzeltmek için.

95
00:06:12,220 --> 00:06:14,190
Gezinme çubuğu yerine bir tane ekleyebiliriz.

96
00:06:14,400 --> 00:06:17,730
Bu yüzden her şeyi kutu yerine neph bara koydum.

97
00:06:17,740 --> 00:06:20,800
Yani sınıf konteynerle eşittir.

98
00:06:21,060 --> 00:06:22,430
Sadece aşağı taşımak.

99
00:06:22,560 --> 00:06:26,180
Her şeyin düzgün girintili olduğundan emin olun.

100
00:06:26,190 --> 00:06:27,770
Oraya gidiyoruz.

101
00:06:27,780 --> 00:06:30,930
Test yapalım.

102
00:06:30,930 --> 00:06:31,430
Güzel.

103
00:06:31,440 --> 00:06:33,910
Şimdi her şey güzel ve doğru merkezlenmiş.

104
00:06:34,140 --> 00:06:41,940
Konteyi navun dışına ekleyip eklemediğimi göstereceğim ve tüm nav çubuğunu içeri attın.

105
00:06:42,880 --> 00:06:43,650
Ne olacağını göreceğiz.

106
00:06:43,660 --> 00:06:49,950
Şimdi yeterince taze olsaydım, aslında keserdim ve caddenin bir ucunda sadece yola girerdi.

107
00:06:50,460 --> 00:06:53,460
Yani konteyner bunu içerisine koyduğumuz her şeyi yapar.

108
00:06:53,670 --> 00:06:59,640
Ve bu durumda, gezinme çubuğunun içindeki konteynırın, gerçek naf parçası kendisini

109
00:06:59,640 --> 00:07:03,820
sıkıştırmamasına, ancak içindeki içeriği kısıtlamasına izin vermek istiyoruz.

110
00:07:04,440 --> 00:07:04,950
TAMAM.

111
00:07:05,060 --> 00:07:11,250
Yani konteynır bizim Hetter var, biz sol şeyler var ve sağ tarafta bazı içerik var,

112
00:07:11,990 --> 00:07:13,060
böylece burada görebilirsiniz.

113
00:07:13,290 --> 00:07:20,050
Şimdi biraz yukarı çıkıp gidip bu temel gezinme çubuğunu veya varsayılan

114
00:07:20,040 --> 00:07:28,850
doku çubuğunu dokümanlara götürelim ve bu şeyin tamamını kopyalalım ve hemen aşağıda koyacağız biraz alan

115
00:07:28,900 --> 00:07:29,670
yaratıyor.

116
00:07:29,670 --> 00:07:33,010
Daha netleştirmek için çok fazla yorum var.

117
00:07:33,250 --> 00:07:35,510
Varsayılan gezinme çubuğu.

118
00:07:36,060 --> 00:07:40,280
Ve ona yenilemeye bir göz atalım.

119
00:07:40,560 --> 00:07:44,580
Yani burada bu gezinme çubuğu var ve vurgulamak istediğim birkaç şey var.

120
00:07:44,580 --> 00:07:48,690
Birincisi, menülere düştük ama aslında çalışmıyorlar.

121
00:07:48,900 --> 00:07:53,300
Ve biz de pencereyi yeniden boyutlandırırken hamburger menüsünü alıyoruz.

122
00:07:53,550 --> 00:07:54,740
Bu bağlantılar gitmektedir.

123
00:07:54,750 --> 00:07:58,630
Form gider ve bunları açığa çıkarmak için buraya tıklamamız gerekir.

124
00:07:58,830 --> 00:08:00,480
Ancak bu da işe yaramıyor.

125
00:08:00,960 --> 00:08:05,890
Bu yüzden işe başlayarak başlayalım ve ardından tüm bu farklı parçalar hakkında konuşacağız ve işe

126
00:08:05,880 --> 00:08:07,570
yaramak için ne yaptıklarını konuşacağız.

127
00:08:07,590 --> 00:08:10,550
Gidip bootstrap javascript dosyasını eklemeliyiz.

128
00:08:10,830 --> 00:08:15,660
Bu nedenle, önyükleme belgelerine geri dönersek indirmeyi tıklarız.

129
00:08:15,780 --> 00:08:19,800
Ayrıca burada ihtiyacımız olan bir javascript dosyası var.

130
00:08:19,800 --> 00:08:24,460
Cdn sürümünü kullanacağım ancak karşıdan yüklediğiniz klasöre de geliyor.

131
00:08:24,510 --> 00:08:25,700
Buna sadece bootstrapped denir.

132
00:08:25,810 --> 00:08:26,220
Evet.

133
00:08:26,250 --> 00:08:29,890
Veya simge durumuna küçültülmüş sürüm Mencius'u önyükledi.

134
00:08:30,420 --> 00:08:36,210
Ve bunu ekleyelim ve bunu vücudumuzun dibinde yapalım ve kaydedelim.

135
00:08:36,210 --> 00:08:38,280
Ve javascript hakkında konuşmadığımızı da biliyorum.

136
00:08:38,380 --> 00:08:42,860
Senaryonun ne olduğunu ve burada hangi kaynağın önemli olmadığını bilmiyorsun.

137
00:08:42,900 --> 00:08:44,710
Onu yalnızca önyüklemeye takacağız.

138
00:08:44,910 --> 00:08:46,550
Ve şimdi yenileyelim.

139
00:08:46,710 --> 00:08:52,590
Sana göstereceğim küçük bir sorunu çözebilir miyiz, bootstraps javascript'in sorguyu gerektirdiğini

140
00:08:52,700 --> 00:08:53,470
söylüyor.

141
00:08:53,790 --> 00:08:56,180
Bunun ne olduğunu ve bu mesaja nasıl geldiğini merak etmeyin.

142
00:08:56,250 --> 00:08:59,970
Ancak aldığım gerçek mesajı görmen için sana göstermek istiyorum.

143
00:08:59,970 --> 00:09:03,240
Konuşmadığımız J sorgusu gerekiyor.

144
00:09:03,580 --> 00:09:05,360
Ancak gitmek ve almak için yeterince kolaydır.

145
00:09:05,400 --> 00:09:07,140
Herhangi bir javascript yazmak zorunda değiliz.

146
00:09:07,170 --> 00:09:08,830
Herhangi bir javascript bilmek zorunda değilsiniz.

147
00:09:08,830 --> 00:09:10,180
Sadece onu eklemek zorundayız.

148
00:09:10,230 --> 00:09:18,200
Bu yüzden tek yapmamız gereken, Jay sorguları için arama yapan CDN'dir. Bu CDN, kodda Jay dot

149
00:09:18,200 --> 00:09:23,890
com'dur ve burada en son sürümü seçip bu URL'yi kopyalamanız gerekir.

150
00:09:23,910 --> 00:09:30,150
Bu Querrey dosyası ve sonra buraya geri döneceğiz.

151
00:09:30,150 --> 00:09:32,560
Bu komut etiketlerinden bir tane daha ekleyeceğiz.

152
00:09:32,640 --> 00:09:34,410
Temelde bu kesin kodu kopyalayarak.

153
00:09:34,410 --> 00:09:40,670
Aslında bunu doğru satırı kopyalamanızı ve bu URL'yi sizin olduğunuz jey sorgusu haline getirmeyi

154
00:09:40,680 --> 00:09:42,030
kolaylaştırmak için yapacağım.

155
00:09:42,610 --> 00:09:44,530
Eğer hepsi başarısız olursa bunu sadece yazabilirsiniz.

156
00:09:44,560 --> 00:09:51,220
Bir l olduğunuzda bu kötü değil, ancak bunu Jay queery CDN'yi arayarak bulup kurtaracağım

157
00:09:51,210 --> 00:09:56,290
ve bu bir sorguya dayandığından bootstraps javascript dosyasından önce gelmesi gerekiyor.

158
00:09:56,560 --> 00:10:00,370
Bu yüzden bir kez daha Jay sorgusunun ne işe yaradığı konusunda fazla endişelenmeyin.

159
00:10:00,450 --> 00:10:02,150
Her şey birkaç dakika sonra geliyor.

160
00:10:02,430 --> 00:10:06,550
Ancak, önyükleme desteğinden ve özellikle nav çubuklarından ve açılır menüden en iyi şekilde yararlanmak için.

161
00:10:06,750 --> 00:10:13,210
Bu iki satıra her kullandığımızda ihtiyacımız olan şey şu ki şimdi geri dönüp yenileneceğiz.

162
00:10:13,230 --> 00:10:18,850
Her şeyden önce menüler düşürüldü, şimdi açılır menülere sahip olduğumuzu göreceksiniz.

163
00:10:18,880 --> 00:10:24,430
Bu videoda bu konuda konuşmayacağız ancak yeniden boyutlandırdığımızda ve o hamburgeri alıyorum.

164
00:10:25,050 --> 00:10:26,980
Tıkladığımda hamburger şimdi işe yarıyor.

165
00:10:26,980 --> 00:10:29,480
Gizli malzemeyi değiştirir.

166
00:10:29,560 --> 00:10:36,850
İşte burada çalışması şu an burada tüm bu içeriğin gizlendiği ve

167
00:10:36,880 --> 00:10:43,280
gördüğümüz şey üstbilgi ve düğme olan bu küçük kesme noktası.

168
00:10:43,380 --> 00:10:48,870
daha sonra düğmeye tıkladığımızda, daha önce gizli olan tüm içerik yeniden görünür ve işe başlayalım.

169
00:10:48,880 --> 00:10:49,120
Ve

170
00:10:49,120 --> 00:10:50,650
Şimdi bizim için.

171
00:10:50,950 --> 00:10:55,930
Ancak, yalnızca bu dört bağlantıyı gizlemek istediğiniz yerde çok daha az karmaşık bir

172
00:10:55,930 --> 00:11:01,960
sürüm yapacağız; böylece yeniden boyutlandırdığımızda bu dört bağlantı gizli ve daha sonra gerçekten hızlı gösterilecekler.

173
00:11:02,250 --> 00:11:07,830
Nasıl bir göz atarak başlayacak yapmak için, bu varsayılan sürümde bir nav çubuğunun

174
00:11:07,840 --> 00:11:09,830
bu devasa canavarını gerçekleştiriyor.

175
00:11:10,380 --> 00:11:13,650
Ve burada önemli çizgiye dikkat çekeceğim.

176
00:11:13,760 --> 00:11:22,090
Bu div'ın içine koyduğumuz her şeyi daraltmak için Mobil boyutu tıkladığımızda daraltır ve böylece bizim için düğmeyi yapmaz.

177
00:11:22,090 --> 00:11:24,850
Div sınıfı çöküşü nav çubuğu çöküşü

178
00:11:24,850 --> 00:11:30,040
Saklanmada yeniden görünüşte geçiş yapmaz, ancak o tablete ve mobil

179
00:11:30,040 --> 00:11:33,470
boyuta çarparak içeri koyduğumuz içeriği gizler.

180
00:11:33,650 --> 00:11:38,500
Dolayısıyla bunu kopyalayacağız ve onu gizlemek istediğimiz içeriğin etrafına kaydırmamız gerekiyor ve

181
00:11:38,500 --> 00:11:40,320
bunu burada gizlemek istiyoruz.

182
00:11:40,330 --> 00:11:49,980
Bu iki Juelz Yani, o küçük ekran boyutuna ulaştığımızda gizlemek istediğimiz dört link.

183
00:11:50,440 --> 00:11:56,800
Bu yüzden kapanış etiketini ekleyin ve kaydedin ve burada bir çizgi var ve bu önemlidir ve bir

184
00:11:56,830 --> 00:11:57,820
an sonra halledeceğim.

185
00:11:57,850 --> 00:12:01,230
Bu bizi henüz etkilemez, ancak yenilersek.

186
00:12:01,690 --> 00:12:02,160
Göreceksin.

187
00:12:02,170 --> 00:12:09,790
Şimdi yeniden boyutlandırdığımda, çöküş div'indeki tüm içeriğin kaybolduğu bir nokta

188
00:12:09,790 --> 00:12:10,650
var.

189
00:12:10,680 --> 00:12:11,650
Şimdi yeniden ortaya çıkmıyor.

190
00:12:11,640 --> 00:12:13,180
Bu hamburgeri alamayız.

191
00:12:13,330 --> 00:12:16,940
Hiçbir şeyden bir şey alamadık ama artık ortadan yok oldu.

192
00:12:17,050 --> 00:12:24,580
Bunun nedeni, bu satırda div sınıfı çöküşü nav barının çöküşünü eklediğimizden kaynaklanıyor.

193
00:12:24,630 --> 00:12:29,780
Yapmamız gereken sonraki şey hamburgere eklemek ve tamamen biraz kod.

194
00:12:29,780 --> 00:12:33,010
Ne yazık ki hala kendimiz yapmak zorunda kalmamızdan çok daha iyi.

195
00:12:33,280 --> 00:12:37,220
Ancak aslında burada hamburger var.

196
00:12:37,800 --> 00:12:48,660
Bu yüzden onu kopyalayıp, kahvemize dokunmadan önce şekerleme yapacağım.

197
00:12:48,970 --> 00:12:52,420
Ve kurtaracağız, yaptıklarına geri döneceğim.

198
00:12:53,320 --> 00:12:54,680
Sadece tazeleyelim.

199
00:12:55,140 --> 00:12:57,910
Ve eğer şimdi yeniden boyutlandırırsam hamburgeri alıyorum.

200
00:12:58,120 --> 00:13:00,280
Oraya gidiyoruz.

201
00:13:00,310 --> 00:13:03,240
Şimdi nasıl çalıştığına biraz açıklayayım.

202
00:13:03,250 --> 00:13:09,700
Dolayısıyla bir düğme var ve o düğmenin içinde üç yayılma var ve her

203
00:13:09,700 --> 00:13:13,000
biri bu çubuklardan birinin yapımından sorumludur.

204
00:13:13,210 --> 00:13:18,510
Yani gördüğümüz bir görüntü değil, aslında o hamburgeri yapmak için o dar çubuklara

205
00:13:18,670 --> 00:13:21,780
biçimlendirilmiş olan bu küçük spand üreten her takım.

206
00:13:22,030 --> 00:13:26,530
Ve sonra, içeriğin üzerine tıkladığımızda içeriğin gösterilmesi ve saklanması kadarıyla, gerçekten

207
00:13:26,950 --> 00:13:34,310
önemli olan şey, bu veri hedefi niteliğine sahip olduğumuz ve bunun B-S örneğimizde ne olursa olsun belirtilmesidir.

208
00:13:34,310 --> 00:13:41,700
Şimdi çöküşüm için kulübümüz için bir önyükleme örneği örneği ve şimdi sadece evet olarak değiştirelim.

209
00:13:42,180 --> 00:13:44,330
Nav. demo da öyle.

210
00:13:44,470 --> 00:13:48,880
Ardından göstermek ve gizlemek istediğimiz içeriğin gerçekte çökmesini istediğimiz

211
00:13:48,880 --> 00:13:49,810
kimliğini değiştirmeliyiz.

212
00:13:49,870 --> 00:13:57,310
Bu yüzden, rakip nav demosuna uyacak şekilde değiştireceğim.

213
00:13:57,340 --> 00:13:59,710
Bir önemli fark dikkat edin.

214
00:13:59,710 --> 00:14:05,860
Arctic Thor'u eklemiyoruz Ekrandaki gibi CSI ile aynı CSI'yı seçtiğimizde, bir ID'yi hedeflemek için

215
00:14:05,860 --> 00:14:11,420
bu Octa Thorpe'u kullanmamız gerektiğini söylüyor, böylece Kimliğini sadece metin adı olarak bırakıyoruz.

216
00:14:11,440 --> 00:14:18,120
Demo burada Thorpe'e eklediysek yenilemeyi bırakacak.

217
00:14:18,120 --> 00:14:24,600
Şimdi yeniden boyutlandırırsak hamburgeri alırım ve üzerine tıklarlar ve gösteri ve saklamayı değiştirmek için çalışırlar.

218
00:14:26,250 --> 00:14:27,040
Harika.

219
00:14:27,070 --> 00:14:32,400
Size gösterecek en son şey, bu çöküşün dışında bir şeyi hareket ettirsek.

220
00:14:32,470 --> 00:14:35,710
Bu bağlantıları buraya alalım.

221
00:14:36,070 --> 00:14:44,100
Hesap ya da hakkında ve temas ve biz sadece burada çöküşü div dışında hareket

222
00:14:44,110 --> 00:14:53,310
ve yenilemek onlar aslında çöküşü olmadığını görebilirsiniz orada kalmak ve daha sonra çöküşün bu ve diğer

223
00:14:53,320 --> 00:14:55,710
ikisi üzerine tıklayın toggled.

224
00:14:55,720 --> 00:15:00,390
Şimdi bu iyi görünüyor demiyorum ama bu çöküş div önemini göstermektedir yok. bununla bağlantılı olan her şey solda ya da sağda.

225
00:15:00,630 --> 00:15:06,480
Öyleyse çöküş ne olmuştu ne olursa olsun ya da bizim davamızda

226
00:15:06,490 --> 00:15:08,160
Bu küçük boyuta ulaştığımızda hepsi çöker.

227
00:15:08,160 --> 00:15:12,070
Sonra tekrar göstermek için buradaki düğmeyi tıklarız ve bu düğmenin

228
00:15:12,070 --> 00:15:18,250
bir veri hedefi özelliği vardır ve buna karşılık gelen kimlik bilgileri gizlenir ve tıklandığında gösterilir.

229
00:15:18,490 --> 00:15:23,570
Ve bu, burada bu fikri oluşturuyor.

230
00:15:24,010 --> 00:15:25,930
Tamam, böyle bir maraton.

231
00:15:26,440 --> 00:15:28,230
Bir önyükleme çubuğu yapma hattına giren çok şey.

232
00:15:28,270 --> 00:15:30,750
parçalarını parçalayıp düzleştirmek oldu.

233
00:15:30,970 --> 00:15:36,940
Ama gene de orada olduğumuz yol, dosyamıza kopyalarak ve

234
00:15:36,940 --> 00:15:37,450
Bu örnek

235
00:15:37,540 --> 00:15:42,160
kodu alıp hangi parçalara ihtiyacımız olduğunu bulup oradan gitmek istediğimiz her seferinde yeterince şey yapıyoruz.

236
00:15:42,150 --> 00:15:44,080