這段視頻我們將繼續造型的陣營。
我們將導航欄添加到每個單頁和導航欄將是相當空了。
但最終它具有像登錄按鈕和註銷登記所有這些功能。
但在那之前我們只是把一些佔位符文本在那裡，然後我們也將樣式的新營地形式，因為現在它在相當粗糙的形狀。
所以，讓我們啟動服務器了，只是看看我們所擁有的。
因此，這裡是我們的目標網頁。
下面是我們認為所有營改露營地名單。
它看起來相當不錯。
我們希望有一個導航欄在這裡。
上添加新的營地同樣的事情。
我們要居中的表格，我們將要在一個疊放這兩個輸入另一個，而不是讓他們並排的一面。
但是，我們要開始與導航欄，讓我們的工作只是它的營地模板。
因此，我們將回到這裡，並打開模板露營地上手。
我要打開自舉盒子，我要去到組件，然後導航欄中，我發現自己在本節的所有時間，因為即使引導使得它可以很容易地添加導航欄你仍然可以看到這是相當多的標記和我們不會這麼久肯定至少沒有開始的時候，我們沒有在下拉菜單的所有按鈕。
我們要開始美好和簡單，但即便如此，它仍然是一個很大的，我們需要記住的類。
因此，有一定的拉起引導的darcs就像在這個類其他任何你不應該感到羞愧找東西沒有羞恥。
但是，在特定的引導有時可以只是這些類和元素很亂，有沒有辦法做到這一點不看文檔。
OK，所以我們會回去，我會在我的露營地模板頂部做出一些空間，我們要定義一個導航啟動。這再次就像頭。
我們可以只是做一個div而是一個導航。更有意義一點。
它更多的語義。
所以我打算做一個導航與類導航欄，然後導航欄衝刺默認。
有不同類型和不同的顏色，或者我們可以有一個倒置的導航欄，但我們只是去與默認的。
然後裡面要添加帶班等於容器流體的div，這將只是讓我們很好的填充和一些空間在那裡，然後我們要在另一個div帶班等於導航欄標題，並添加然後裡面該類等於說我們的頭，我們要帶班等於導航欄衝刺添加一個錨標記來換取這樣的結束。
然後我們就可以設置鏈接，僅僅是斜線，然後我們將關閉並添加yelper陣營就這樣。
讓我們來看看我們這個簡單的標記得到。
因此，我們有我們的資產淨值與導航欄頭內部容器和導航欄標題只有一個項目這是NEPH酒吧品牌。
讓我們來刷新。
確定這樣我們就有了導航欄，然後我們有我們的品牌在這裡，這就是當我們點擊它會帶我們回到了可怕的著陸頁面的鏈接。
OK讓我們在短短的佔位符添加在這裡登錄和註冊。
他們將無法正常工作，否則將不會做任何事情，但在我們看起來好讓我們做，現在去到我們的營地。
E.J.然後，作為導航欄，並在容器內，但不是N.F.內模板酒吧Hetter。
我們將在另一個div添加和這個div就會有一個類崩潰將看到做了什麼。
而就在那一刻，然後NEPH酒吧Dasch崩潰就這樣。
然後裡面我們要添加一個UL和UL這將有一個類導航欄短跑導航，然後同時導航欄右側衝刺，將其移動到右側，然後裡面的，我們要去對現在三個環節，每個人都會成為一個盟友。
然後這裡面的盟友將有一個錨標記，並給第一個登入]。
現在來看轟裁判將只被設定為我們的路線路徑，因為我們沒有任何日誌中還沒有，我們會做同樣的事情寄存器。
讓我們做註冊和隨後也退出就這樣。
好。
因此，讓我們看看這是什麼樣子。
之前我們談到，如果我們刷新崩潰做什麼，它看起來並不好，我們錯過了一個小班級回到這裡的UL認證。
看起來我們沒有添加在現在，所以我們剛才添加導航欄。
現在，我從來沒有得到它的權利，但我們並沒有在基金淨值本身增加，所以我們現在保存會刷新，我們結束了對資產淨值的右側全部三個環節，也是我在這裡改變大小。
請注意，在這裡就在那裡就崩潰了。
最終我們將有一個小漢堡圖標。
它看起來就像是，你點擊，它的菜單。
現在我們只是隱藏起來，當我們去的大小。
好。
所以這就是我們所需要的，除了一個事實，即它是只有這一個頁面上的導航欄做。
現在讓我們將它添加到所有頁面。
因此，讓我們複製出來，或把它剪我們將其移動到頭部。
因此移動到頭部或部分的。
我就打開了。
使用命令行C9意見斜線巴歇爾的斜線表頭Ijaw人是。
然後就在機身的頂部，我們將添加英寸
讓我們正確地縮進這一點。
OK，我們繼續。
我們有我們的頭，使我們包括頭意志部分的任何文件現在的導航欄，但再次啟動服務器導航欄。
因此，它仍然在這裡，如果我們添加一個新的營地，我們也得到吧。
而如果我們的主頁，我們也有足夠的酒吧。
大。
所以，現在讓我們進入到讓這種形式看起來更好一點。
因此，正如我前面提到的有兩件大事我想這樣做，以這種形式。
第一個是使其居中在頁的中間，第二個是堆疊的形式垂直地而不是具有三個輸入或兩個輸入和在屏幕上水平排列的按鈕。
你要帶他們並把它們堆在另一個之上之一。
讓我們先打開了正確的文件是新的點。
是。
所以我們會做C9意見斜線知道我們EJAY，然後在這裡是我們的形式，我們至今。
讓我們先從容易和一些自舉類添加到表格或到輸入端，這就是形式的按鈕控制。
我們希望，關於輸入和按鈕。
讓我們在Bootstrap類PTEN ETN大就這樣補充。
我們也斷層之間做的，讓我們看看是什麼樣子。
所以節點之後J.
是的刷新。
行，所以我們得到這裡的引導控制和引導按鈕，雖然它絕對巨大的，我們不希望出現這種情況。
因此，要解決這個問題有一些事情可以做。
首先，我們把一切容器內。
因此，我們在格班去等於容器中，我只是提出這個底部。
在那裡，我們走，讓我們正確地縮進這一點。
保存非常微小的變化。
現在，我們得到一些間距但是這仍然是一個巨大的形式。
所以，我會做的下一件事就是使用網格系統。
因此，我們將加入另一個div而這一次將有類等於行就是這樣。
讓我們藉此並將其複製到該行。
所以整個窗體現在進入一行。
而這也做到了這一點。
OK保存刷新差別不是很大呢。
而我們要做的是使用綜援，實際上寫的引導之上我們自己的風格給它邊緣到中心這一點。
汽車所有這一切都在這裡的左側和右側。
我們只是想接這個容器，它是在30％左右。
因此，我們做到了這一點之前，我們會回去，我要打破規則之一，所以他們告訴你早就說不要做內聯樣式。
這絕對是一個好主意，這樣做。
但現在，直到我們得到的地方，我們創造我們自己的樣式表，我會做一個符合新版本。
所以我打算讓我們把表格內一個新的div。
就這樣。
然後我要去給該div風格，我會用說，開始是30％。
而剛剛離開它，也沒有看到我們得到了一個更小的外形。
現在，我們要中心認為。
所以，我們去回到這裡。
說的頂部和底部與奧托在左邊和右邊距零。
現在，我們有如下形式居中。
我們要做的下一件事就是使按鈕佔據整個寬度還是蠻長的。
但是，我們要做的是給它DTN塊，是一個內置使它塊元素的引導方式。
而現在佔用整行。
接下來讓我們給所有這些元素之間的一些間距做到這一點。
我們將使用內置的形式組類白手起家。
因此，我們需要一個div類的ECO形式短跑組，我們將需要對每個輸入。
因此每個輸入走了進去那些只是這樣的一個，然後我就複製此，我們將有另外一個就在這裡，這將走裡面。
然後我們有一個更多的按鈕。
因此，我們有古典形式組三次，我們也需要閉幕div標籤。
在那裡，我們去哦還有一個，我們在這裡所需要的其他關閉div標籤。
好。
因此，這種形式只是一群GRPS東西放在一起。
但是，這也給了我們空間一點點。
現在我們在這裡有這個按鈕。
我們可以關注的是居中的文本，要做到這一點，雖然我們要做的下一件事就是給它的文本對齊中心。
又一次，我要做到這一點的線。
不是在長期一個好主意，至少但這是它只是快速地做一些偉大的使用。
所以風格，我們會盡文本對齊中心。
現在保存集中在中間。
我們應該做的下一件事就是改變這個按鈕的顏色。
白不看非常好。
讓我們把它的主要按鍵主要這將使藍色保存刷新。
是的，這看起來好了很多。
讓我們也動此鏈接Go back鏈接到中間的為好。
因此，我們將只複製此而我們需要做的就是把它放在這個緣內側。
自動分區，這樣的形式就這樣，保存後該div在這裡。
在那裡，我們走了。
我們有我們的返回，而且我們確實應該做的就是添加填充或保證金的那麼一點點，這不是正對著該H-1這樣做的最後一件事。
我們就回去，我們已經有這個DIV，我們已經選定。
因此，而不是保證金為零，我們可以只給它的20個像素的邊距開始。
讓我們看看如何看起來。
好吧，看起來好一點。
讓我們做更多的東西一樣50。
這可能是有點太多。
絕對是您自己的喜好。
讓我們回去做25。
好吧。
這是夠好現在。
玩這個就像你願意，你可以使這種形式的投入更廣泛的，如果你喜歡他們或更窄，但你可以看到它是響應它會留在中間和收縮下來一點點。
最後一件事，讓我們擺脫這個商標。
你絕對不需要這樣了。
在我們的頁腳的底部，所以我們會去到頁腳文件，我會作弊。
只是這樣做，現在，我們將剛剛擺脫那保存。
現在，我們有我們的表格看起來並不太壞可以回去了，我們得到露營地的名單，我們有足夠的酒吧，我們可以添加一個。
我們還可以回去查看哪些還沒有完成的目標網頁。
這人有可能是最工作，它會比其他頁面漂亮不同，它看起來要好很多，並有更多的自定義樣式。
所以這就是為什麼我保存它，直到後來。
然後，我們也有我們的一些在這裡與我們的虛擬按鈕，什麼也不做。