1
00:00:00,250 --> 00:00:03,150
這段視頻我們將繼續造型的陣營。

2
00:00:03,360 --> 00:00:08,590
我們將導航欄添加到每個單頁和導航欄將是相當空了。

3
00:00:08,700 --> 00:00:14,780
但最終它具有像登錄按鈕和註銷登記所有這些功能。

4
00:00:15,030 --> 00:00:23,510
但在那之前我們只是把一些佔位符文本在那裡，然後我們也將樣式的新營地形式，因為現在它在相當粗糙的形狀。

5
00:00:23,580 --> 00:00:28,860
所以，讓我們啟動服務器了，只是看看我們所擁有的。

6
00:00:28,890 --> 00:00:31,150
因此，這裡是我們的目標網頁。

7
00:00:31,680 --> 00:00:36,250
下面是我們認為所有營改露營地名單。

8
00:00:36,290 --> 00:00:38,180
它看起來相當不錯。

9
00:00:38,430 --> 00:00:40,490
我們希望有一個導航欄在這裡。

10
00:00:40,890 --> 00:00:43,370
上添加新的營地同樣的事情。

11
00:00:43,740 --> 00:00:51,050
我們要居中的表格，我們將要在一個疊放這兩個輸入另一個，而不是讓他們並排的一面。

12
00:00:51,360 --> 00:00:56,400
但是，我們要開始與導航欄，讓我們的工作只是它的營地模板。

13
00:00:56,610 --> 00:01:00,990
因此，我們將回到這裡，並打開模板露營地上手。

14
00:01:00,990 --> 00:01:22,910
我要打開自舉盒子，我要去到組件，然後導航欄中，我發現自己在本節的所有時間，因為即使引導使得它可以很容易地添加導航欄你仍然可以看到這是相當多的標記和我們不會這麼久肯定至少沒有開始的時候，我們沒有在下拉菜單的所有按鈕。

15
00:01:22,950 --> 00:01:28,130
我們要開始美好和簡單，但即便如此，它仍然是一個很大的，我們需要記住的類。

16
00:01:28,140 --> 00:01:35,040
因此，有一定的拉起引導的darcs就像在這個類其他任何你不應該感到羞愧找東西沒有羞恥。

17
00:01:35,100 --> 00:01:42,860
但是，在特定的引導有時可以只是這些類和元素很亂，有沒有辦法做到這一點不看文檔。

18
00:01:42,870 --> 00:01:55,180
OK，所以我們會回去，我會在我的露營地模板頂部做出一些空間，我們要定義一個導航啟動。這再次就像頭。

19
00:01:55,320 --> 00:01:59,450
我們可以只是做一個div而是一個導航。更有意義一點。

20
00:01:59,460 --> 00:02:00,870
它更多的語義。

21
00:02:01,050 --> 00:02:09,580
所以我打算做一個導航與類導航欄，然後導航欄衝刺默認。

22
00:02:09,600 --> 00:02:16,240
有不同類型和不同的顏色，或者我們可以有一個倒置的導航欄，但我們只是去與默認的。

23
00:02:16,410 --> 00:02:54,090
然後裡面要添加帶班等於容器流體的div，這將只是讓我們很好的填充和一些空間在那裡，然後我們要在另一個div帶班等於導航欄標題，並添加然後裡面該類等於說我們的頭，我們要帶班等於導航欄衝刺添加一個錨標記來換取這樣的結束。

24
00:02:54,330 --> 00:03:04,850
然後我們就可以設置鏈接，僅僅是斜線，然後我們將關閉並添加yelper陣營就這樣。

25
00:03:04,980 --> 00:03:07,750
讓我們來看看我們這個簡單的標記得到。

26
00:03:07,920 --> 00:03:16,730
因此，我們有我們的資產淨值與導航欄頭內部容器和導航欄標題只有一個項目這是NEPH酒吧品牌。

27
00:03:17,010 --> 00:03:18,290
讓我們來刷新。

28
00:03:18,780 --> 00:03:27,710
確定這樣我們就有了導航欄，然後我們有我們的品牌在這裡，這就是當我們點擊它會帶我們回到了可怕的著陸頁面的鏈接。

29
00:03:28,200 --> 00:03:34,320
OK讓我們在短短的佔位符添加在這裡登錄和註冊。

30
00:03:34,320 --> 00:03:40,870
他們將無法正常工作，否則將不會做任何事情，但在我們看起來好讓我們做，現在去到我們的營地。

31
00:03:40,890 --> 00:03:47,710
E.J.然後，作為導航欄，並在容器內，但不是N.F.內模板酒吧Hetter。

32
00:03:47,970 --> 00:03:56,220
我們將在另一個div添加和這個div就會有一個類崩潰將看到做了什麼。

33
00:03:56,220 --> 00:04:01,810
而就在那一刻，然後NEPH酒吧Dasch崩潰就這樣。

34
00:04:01,890 --> 00:04:24,520
然後裡面我們要添加一個UL和UL這將有一個類導航欄短跑導航，然後同時導航欄右側衝刺，將其移動到右側，然後裡面的，我們要去對現在三個環節，每個人都會成為一個盟友。

35
00:04:25,170 --> 00:04:32,820
然後這裡面的盟友將有一個錨標記，並給第一個登入]。

36
00:04:32,850 --> 00:04:42,940
現在來看轟裁判將只被設定為我們的路線路徑，因為我們沒有任何日誌中還沒有，我們會做同樣的事情寄存器。

37
00:04:42,980 --> 00:04:49,540
讓我們做註冊和隨後也退出就這樣。

38
00:04:49,910 --> 00:04:50,680
好。

39
00:04:51,210 --> 00:04:52,580
因此，讓我們看看這是什麼樣子。

40
00:04:52,590 --> 00:05:02,090
之前我們談到，如果我們刷新崩潰做什麼，它看起來並不好，我們錯過了一個小班級回到這裡的UL認證。

41
00:05:02,290 --> 00:05:06,470
看起來我們沒有添加在現在，所以我們剛才添加導航欄。

42
00:05:06,470 --> 00:05:20,430
現在，我從來沒有得到它的權利，但我們並沒有在基金淨值本身增加，所以我們現在保存會刷新，我們結束了對資產淨值的右側全部三個環節，也是我在這裡改變大小。

43
00:05:20,430 --> 00:05:25,130
請注意，在這裡就在那裡就崩潰了。

44
00:05:25,680 --> 00:05:29,300
最終我們將有一個小漢堡圖標。

45
00:05:29,340 --> 00:05:32,610
它看起來就像是，你點擊，它的菜單。

46
00:05:33,050 --> 00:05:36,180
現在我們只是隱藏起來，當我們去的大小。

47
00:05:36,450 --> 00:05:36,690
好。

48
00:05:36,690 --> 00:05:42,240
所以這就是我們所需要的，除了一個事實，即它是只有這一個頁面上的導航欄做。

49
00:05:42,240 --> 00:05:45,390
現在讓我們將它添加到所有頁面。

50
00:05:45,390 --> 00:05:50,030
因此，讓我們複製出來，或把它剪我們將其移動到頭部。

51
00:05:50,460 --> 00:05:52,400
因此移動到頭部或部分的。

52
00:05:52,680 --> 00:05:53,790
我就打開了。

53
00:05:53,790 --> 00:06:00,130
使用命令行C9意見斜線巴歇爾的斜線表頭Ijaw人是。

54
00:06:00,570 --> 00:06:03,840
然後就在機身的頂部，我們將添加英寸

55
00:06:04,320 --> 00:06:06,080
讓我們正確地縮進這一點。

56
00:06:06,570 --> 00:06:09,230
OK，我們繼續。

57
00:06:09,900 --> 00:06:20,550
我們有我們的頭，使我們包括頭意志部分的任何文件現在的導航欄，但再次啟動服務器導航欄。

58
00:06:20,850 --> 00:06:25,790
因此，它仍然在這裡，如果我們添加一個新的營地，我們也得到吧。

59
00:06:26,160 --> 00:06:31,270
而如果我們的主頁，我們也有足夠的酒吧。

60
00:06:31,530 --> 00:06:32,110
大。

61
00:06:32,130 --> 00:06:36,950
所以，現在讓我們進入到讓這種形式看起來更好一點。

62
00:06:36,990 --> 00:06:40,840
因此，正如我前面提到的有兩件大事我想這樣做，以這種形式。

63
00:06:40,860 --> 00:06:53,270
第一個是使其居中在頁的中間，第二個是堆疊的形式垂直地而不是具有三個輸入或兩個輸入和在屏幕上水平排列的按鈕。

64
00:06:53,370 --> 00:06:56,120
你要帶他們並把它們堆在另一個之上之一。

65
00:06:56,370 --> 00:07:00,820
讓我們先打開了正確的文件是新的點。

66
00:07:00,960 --> 00:07:01,510
是。

67
00:07:01,650 --> 00:07:11,470
所以我們會做C9意見斜線知道我們EJAY，然後在這裡是我們的形式，我們至今。

68
00:07:11,970 --> 00:07:20,810
讓我們先從容易和一些自舉類添加到表格或到輸入端，這就是形式的按鈕控制。

69
00:07:21,150 --> 00:07:25,390
我們希望，關於輸入和按鈕。

70
00:07:25,500 --> 00:07:33,290
讓我們在Bootstrap類PTEN ETN大就這樣補充。

71
00:07:33,570 --> 00:07:39,090
我們也斷層之間做的，讓我們看看是什麼樣子。

72
00:07:39,090 --> 00:07:40,920
所以節點之後J.

73
00:07:41,030 --> 00:07:42,830
是的刷新。

74
00:07:43,300 --> 00:07:51,060
行，所以我們得到這裡的引導控制和引導按鈕，雖然它絕對巨大的，我們不希望出現這種情況。

75
00:07:51,210 --> 00:07:54,840
因此，要解決這個問題有一些事情可以做。

76
00:07:54,840 --> 00:07:57,900
首先，我們把一切容器內。

77
00:07:58,110 --> 00:08:09,960
因此，我們在格班去等於容器中，我只是提出這個底部。

78
00:08:10,930 --> 00:08:13,690
在那裡，我們走，讓我們正確地縮進這一點。

79
00:08:13,950 --> 00:08:16,450
保存非常微小的變化。

80
00:08:16,530 --> 00:08:19,850
現在，我們得到一些間距但是這仍然是一個巨大的形式。

81
00:08:20,220 --> 00:08:23,280
所以，我會做的下一件事就是使用網格系統。

82
00:08:23,520 --> 00:08:30,710
因此，我們將加入另一個div而這一次將有類等於行就是這樣。

83
00:08:30,720 --> 00:08:33,750
讓我們藉此並將其複製到該行。

84
00:08:33,780 --> 00:08:36,630
所以整個窗體現在進入一行。

85
00:08:36,810 --> 00:08:39,220
而這也做到了這一點。

86
00:08:39,610 --> 00:08:44,930
OK保存刷新差別不是很大呢。

87
00:08:44,970 --> 00:08:52,880
而我們要做的是使用綜援，實際上寫的引導之上我們自己的風格給它邊緣到中心這一點。

88
00:08:52,880 --> 00:08:56,580
汽車所有這一切都在這裡的左側和右側。

89
00:08:56,700 --> 00:09:01,110
我們只是想接這個容器，它是在30％左右。

90
00:09:01,110 --> 00:09:10,120
因此，我們做到了這一點之前，我們會回去，我要打破規則之一，所以他們告訴你早就說不要做內聯樣式。

91
00:09:10,230 --> 00:09:13,930
這絕對是一個好主意，這樣做。

92
00:09:14,010 --> 00:09:20,500
但現在，直到我們得到的地方，我們創造我們自己的樣式表，我會做一個符合新版本。

93
00:09:20,580 --> 00:09:24,130
所以我打算讓我們把表格內一個新的div。

94
00:09:24,270 --> 00:09:26,130
就這樣。

95
00:09:26,760 --> 00:09:34,760
然後我要去給該div風格，我會用說，開始是30％。

96
00:09:34,980 --> 00:09:39,650
而剛剛離開它，也沒有看到我們得到了一個更小的外形。

97
00:09:39,660 --> 00:09:41,820
現在，我們要中心認為。

98
00:09:41,820 --> 00:09:43,080
所以，我們去回到這裡。

99
00:09:43,110 --> 00:09:49,730
說的頂部和底部與奧托在左邊和右邊距零。

100
00:09:50,430 --> 00:09:52,790
現在，我們有如下形式居中。

101
00:09:52,800 --> 00:09:58,750
我們要做的下一件事就是使按鈕佔據整個寬度還是蠻長的。

102
00:09:58,790 --> 00:10:05,780
但是，我們要做的是給它DTN塊，是一個內置使它塊元素的引導方式。

103
00:10:05,790 --> 00:10:08,370
而現在佔用整行。

104
00:10:08,400 --> 00:10:13,530
接下來讓我們給所有這些元素之間的一些間距做到這一點。

105
00:10:13,710 --> 00:10:17,300
我們將使用內置的形式組類白手起家。

106
00:10:17,370 --> 00:10:25,250
因此，我們需要一個div類的ECO形式短跑組，我們將需要對每個輸入。

107
00:10:25,470 --> 00:10:41,240
因此每個輸入走了進去那些只是這樣的一個，然後我就複製此，我們將有另外一個就在這裡，這將走裡面。

108
00:10:41,850 --> 00:10:44,080
然後我們有一個更多的按鈕。

109
00:10:44,610 --> 00:10:50,860
因此，我們有古典形式組三次，我們也需要閉幕div標籤。

110
00:10:50,850 --> 00:10:54,810
在那裡，我們去哦還有一個，我們在這裡所需要的其他關閉div標籤。

111
00:10:55,190 --> 00:10:56,060
好。

112
00:10:56,220 --> 00:10:59,140
因此，這種形式只是一群GRPS東西放在一起。

113
00:10:59,160 --> 00:11:01,530
但是，這也給了我們空間一點點。

114
00:11:01,530 --> 00:11:03,300
現在我們在這裡有這個按鈕。

115
00:11:03,390 --> 00:11:11,010
我們可以關注的是居中的文本，要做到這一點，雖然我們要做的下一件事就是給它的文本對齊中心。

116
00:11:11,490 --> 00:11:13,680
又一次，我要做到這一點的線。

117
00:11:13,680 --> 00:11:20,020
不是在長期一個好主意，至少但這是它只是快速地做一些偉大的使用。

118
00:11:20,160 --> 00:11:24,290
所以風格，我們會盡文本對齊中心。

119
00:11:25,650 --> 00:11:31,470
現在保存集中在中間。

120
00:11:31,980 --> 00:11:35,030
我們應該做的下一件事就是改變這個按鈕的顏色。

121
00:11:35,070 --> 00:11:37,000
白不看非常好。

122
00:11:37,230 --> 00:11:44,730
讓我們把它的主要按鍵主要這將使藍色保存刷新。

123
00:11:44,760 --> 00:11:46,430
是的，這看起來好了很多。

124
00:11:46,800 --> 00:11:51,700
讓我們也動此鏈接Go back鏈接到中間的為好。

125
00:11:51,900 --> 00:11:56,850
因此，我們將只複製此而我們需要做的就是把它放在這個緣內側。

126
00:11:56,880 --> 00:12:07,200
自動分區，這樣的形式就這樣，保存後該div在這裡。

127
00:12:07,200 --> 00:12:07,810
在那裡，我們走了。

128
00:12:07,860 --> 00:12:18,750
我們有我們的返回，而且我們確實應該做的就是添加填充或保證金的那麼一點點，這不是正對著該H-1這樣做的最後一件事。

129
00:12:19,080 --> 00:12:22,460
我們就回去，我們已經有這個DIV，我們已經選定。

130
00:12:22,530 --> 00:12:28,050
因此，而不是保證金為零，我們可以只給它的20個像素的邊距開始。

131
00:12:28,050 --> 00:12:29,750
讓我們看看如何看起來。

132
00:12:30,580 --> 00:12:32,140
好吧，看起來好一點。

133
00:12:32,340 --> 00:12:36,070
讓我們做更多的東西一樣50。

134
00:12:36,600 --> 00:12:38,280
這可能是有點太多。

135
00:12:38,280 --> 00:12:40,230
絕對是您自己的喜好。

136
00:12:40,350 --> 00:12:43,570
讓我們回去做25。

137
00:12:44,700 --> 00:12:44,940
好吧。

138
00:12:44,940 --> 00:12:46,420
這是夠好現在。

139
00:12:46,440 --> 00:12:58,160
玩這個就像你願意，你可以使這種形式的投入更廣泛的，如果你喜歡他們或更窄，但你可以看到它是響應它會留在中間和收縮下來一點點。

140
00:12:58,170 --> 00:13:00,420
最後一件事，讓我們擺脫這個商標。

141
00:13:00,420 --> 00:13:01,920
你絕對不需要這樣了。

142
00:13:02,070 --> 00:13:06,570
在我們的頁腳的底部，所以我們會去到頁腳文件，我會作弊。

143
00:13:06,620 --> 00:13:11,530
只是這樣做，現在，我們將剛剛擺脫那保存。

144
00:13:11,700 --> 00:13:19,800
現在，我們有我們的表格看起來並不太壞可以回去了，我們得到露營地的名單，我們有足夠的酒吧，我們可以添加一個。

145
00:13:19,920 --> 00:13:24,000
我們還可以回去查看哪些還沒有完成的目標網頁。

146
00:13:24,210 --> 00:13:31,360
這人有可能是最工作，它會比其他頁面漂亮不同，它看起來要好很多，並有更多的自定義樣式。

147
00:13:31,380 --> 00:13:33,280
所以這就是為什麼我保存它，直到後來。

148
00:13:33,570 --> 00:13:38,550
然後，我們也有我們的一些在這裡與我們的虛擬按鈕，什麼也不做。