歡迎回來，在這個單位，我要告訴你一些其他組件，包括超大屏幕和引導的形式和投入。
但在此之前我這樣做，我想花一點時間來解決的東西，當我們學習新的工具，像這樣類似的引導，這真的非常重要。
而在我教人的經驗，成為Web開發人員，我注意到一個自舉是第一個地方，一些學生開始感到不安難受之一，他們覺得他們不知道他們在做，然後因為我們突然間包括了一堆代碼有人寫別人到我們的應用程序。
但是，如果你在文檔看看這裡，他們是很長的他們是綜合這是偉大的，但這裡有一個很多，我希望你這個框架還不如你有才能明白一切閱讀說明書。
這不像是一個如何引導你必須完成我們使用之前引導。
這是在哪裡，如果你決定你需要看看你的形式部分形式，如果你需要的表引用。
如果你需要一個導航欄，你會打表款。
你看看NFR部分而是你對待文檔一樣，你將使用他們馬不停蹄回來的代碼在這裡引用個別位抄襲其代碼段檢查出一些示威閱讀例子我一直在使用自舉了很重要年在這一點上。
我覺得大部分是相當不錯的。
但我離開的文檔打開的時候，我正在與引導什麼。
我經常引用在這個過程中我談到了如何成為一名Web開發人員真正早期的影片之一的例子。
你不會成為記憶和在明知信息的每一位專家。
是的，你需要知道的東西。
是的，你已經了解並熟記一些事情，但你不成為專家或記憶。
你成為獲取信息的專家。
而一些你必須記住的信息和大量的是要在文檔或例子視頻書籍各種資源聯機。
好吧所以總結一下整個鼓舞士氣的講話。
基本上，我只是想讓你記住，是有很多來引導，你會看到它的20 30％，還有很多更在那裡。
但是，不要被那所嚇倒。
你應該感到舒服訪問文檔，如果你需要做一些事情，我不告訴你怎麼做。
打開的文檔，並尋找它。
而且總是有很好的例子並獲得自舉網絡公司的解釋。
OK所以事不宜遲，讓我們轉移到談論一些重要的組成部分，我要去向您展示超大屏幕開始。
因此，根據官方的文檔一個超大屏幕是一種輕便靈活組件，可以選擇擴展整個視口，以展示在您的網站的重點內容。
你可以看到一個正確這裡的一個例子，如果我們想用一個超大屏幕它真的很容易。
所有我們需要做的是寫DIV級的超大屏幕，然後不管我們把裡面將是超大屏幕的一部分。
因此，讓我們試試吧。
只要做到下面的釦子會與類超大屏幕巨型TRON一個div，然後裡面是否有讓我們做一個H1或H-1會說，這是一個超大屏幕，然後在那裡添加按鈕，就像他們有在這裡，我們將添加一個段落，以及在我們的款也只是jibberish。
好足夠了。
和一個按鈕，我們的按鈕只會說你好。
好。
然後一個按鈕，我們有幾個選擇。
我們會做一個按鈕，成功，我會讓它大和保存。
讓我們來看看我們得到什麼。
還有就是你可以看到，它佔據了整個寬度我們的瀏覽器窗口，這就是通常不是我們想要的一個超大屏幕。
而什麼情況是，超大屏幕設置為佔用這裡面任何容器100％。
在這種情況下，它不是任何東西之外。
但不久我會向你展示了電網系統和引導，我們可以精確地控制你要多少，如果你希望它是這個中心佔用屏幕，並採取了屏幕的三分之一。
屏幕的三分之二我們有所有這些不同的選擇，我們可以通過使用引導程序網格系統使屏幕的四分之一。
現在我要告訴你另一個元素，我們不能在這與類等於容器中，容器是什麼會做一個div。
如果我們只是把東西DIV類容器裡面給它一些間距周圍的一些填充和它中心的事情。
因此容器找到檢查在這裡佔據了所有這個空間你可以看到，但它有相當多的保證金就可以了。
因此，如果我們只是想快速提高，而不必使用，我們還沒有談到，我們可以添加DIV級集裝箱網格系統，現在我們得到這個漂亮的超大屏幕。
如果我們移動這個代碼，我們已經降入容器好，但我們不會把它的超大屏幕內。
你會看到，它仍然是由容器的影響。
因此，超大屏幕外，但在容器內保存並刷新你可以看到它也是容器內，它反映了視覺。
OK，讓我們頭回組件和我會告訴你接下來的事情。
我們去頂。
我們必須去過去一看，評估和我會告訴你的表格，以及這些工作。
因此，點擊表格和有相當多的不同類型和不同的例子。
而我就通過他們第一次滾動之前，我們鍵入任何內容。
所以這裡有一個引導的形式的一個基本的例子。
你可以看到，創建它的市場。
那麼我們有什麼被稱為內聯的表格，我們有另一種類型的內聯形式下，但另外一個具有不同類型的輸入和另一種類型的表格。
而現在這種談論所有不同類型的表單控件所支持的不同類型的輸入。
所以，所有這些顏色的你。
電子郵件數週時間等文本區域不同複選框禁用複選框禁用單選按鈕內嵌複選框內聯單選按鈕下拉菜單中選擇已不斷下降。
我們有其他論壇的國家。
我們有一個對焦狀態。
你可以看到周圍的藍色顏色標示。
這是默認的引導注重造型。
我們也可以通過在禁用添加禁用輸入，我們也得到了一些其他的事情可以做，但我要回去了，真正專注於基礎所示例開始和我會僅僅複製這整個形式啟動過，然後我們將通過剖析一點一點它。
所以，讓我們回到這裡，一切之後，我們將只添加這種形式。
但我會做到這一點的容器內。
讓我這個全屏幕一會兒。
我們有我們的表單和表單中我們已經有了相當多的內容。
讓我們回到瀏覽器，看看是什麼樣子。
你可能會注意到的第一件事是，我們的形式去一路之隔此容器。
它佔用的是100％的有和這件事情，我們就可以控制。
當我們談論引導網格系統，將能夠輕鬆地說，這應該去50％一路之隔。
所以這件事情，我們就可以一次我們談論引導網格系統或者我們不只是有沒有輕易改變。
所以，我們只是去用它。
它佔用100％的現在。
這是一個巨大怪異的論壇，但那很好。
我們喜歡它是怎麼回事。
因此，我們將回到崇高，讓我們仔細研究這一塊在同一時間。
因此，我們有這個論壇標記中的論壇標籤。
有一個div類表單組，如果你想知道更多關於你回去引導文檔和做表單組搜索，你可以看到在形式上組說唱標籤和控制的最佳間距是什麼呢。
因此，如果我們擺脫這種形式的組類圍繞這第一個，我們會做它周圍的第一和第二個，你會看到我們結束了。
我將保存並刷新你看到的間距是如何改變那些在這裡輸入之間。
因此，我們可以回去，並添加表單組，這是真的你如何使用它，你有一個輸入和標籤，你希望他們組合在一起就形成了。
所以要注意這裡只是一點點空間被添加在那裡。
它只是增加了一點點空間就在這裡，有效地組織起來這兩個視覺，然後握的這些結合在一起視覺以及這些到這裡。
所以這是表單組。
然後標籤都只是正常的。
，我們不必添加任何花哨的標籤沒有Boucek類，但輸入有一類表單控件。
因此，讓我們看看當我擺脫它會發生什麼。
所以我就做第一個，把電子郵件輸入回去刷新。
請注意，這完全改變回正常的默認瀏覽器輸入。
所以，你沒有得到的圓角。
我們沒有得到的東西同樣的邊距和間距。
而且我們還沒有得到時，我點擊我們得到一個藍色的輪廓相同的變焦效果，但它比這一個不同。
引導輪廓是一個小更微妙和那些只是兩者之間的立即明顯的視覺變化，但實際上有，你會看到，一旦我們與電網系統工作的方式和他們的行為和互動更重要一些差異元素。
會回去，然後重新添加表單控件。
因此，其實如果我們想在這個提煉這裡的一切歸結為形式的組和表單控件。
這兩個班是使事情看起來不錯真正負責任。
現在有本款類幫助塊，我們可以看看我們從得到的。
這是本文這兒下降，這正好給了一點提示的指針有關表格的一部分，東西帶班幫助塊，然後我們有我們的按鈕到這裡這只是一個普通的Pucelle廣場按鈕或者我們有A和B之間往往下跌，我們可以把它更大或更小的超小型變化的顏色就像任何其他按鈕。
所以，已經可以看到這是怎麼就像積木，我們有一個按鈕，樂高，我們可以添加到一個超大屏幕一點點。
我們也可以只是增加了自身，或者我們可以添加，而不是它的形式。
這只是一個小即插即用組件，我們可以加入到我們的應用程序的不同部分。
因此，讓我們回過頭來看看另外一個類型的表單是內嵌形式。
所以，這看起來略有不同。
如果我們只是在複製該代碼，我們採取與差異看，所以我會離開，第一種形式，讓我們添加評論到這裡排隊的形式，妥善，讓我們的縮進。
看起來不錯。
注意，一切都是相同的。
我們仍然對我們有表單組的輸入形式的控制，但有一個很大的不同。
一切都在行，以便一行類形式的形式中。
讓我們只是告訴你什麼樣子啟動。
我回到這裡為我們提供了這個漂亮的線形態。
而一旦我擺脫這一點，保存，現在又回到了常規的形式像我們這裡。
所以，只有一個類包含所有將控制的樣式。
因此，我們將保持它作為表中一行。
又一次的間距現在不理想。
當我們談論網格系統將被固定。
還有很多更，我們可以圍繞引導的形式談。
我們也許可以做只是建立複雜的形式引導學習所有這些不同的部分，不同的東西，我們可以做驗證定制尺寸各種不同的風格，我們可以一起工作的來龍去脈30至45分鐘的演講。
但我不打算這樣做。
我們已經覆蓋了重要基礎。
有兩種類型的形式是一種，我們有基本的常規形式，然後內嵌形式會有引導，我們並圍繞表單使用不同方面的其他一些功能Boucek形式的麵包，黃油。
但是，而不是花時間，現在和你陷入困境下來所有的來龍去脈和PRICHEP形式我就扔在那些小件，當我們的時候，我們實際上正在使用引導程序需要他們的小細節。
所以在這裡兩個外賣大約形式將兩個類非常重要的形式控制和表單組的形式控制使得輸入引導精製而成組只需添加一些不錯的間距。
所以，你把任何在所述形式獲得小組一些不錯的間距和行，然後單級形式衝刺。
如果你換一種形式，整個形式去排隊。
然後，我們也談到了超大屏幕。
非常簡單的類等於超大屏幕。
所以，你可以看到一個同行。
然後我們把一切的容器內。
如果我們擺脫容器，向您展示發生了什麼。
刷新所有的間距，那該多好保證金消失。
因此，集裝箱很好的方式，只是為了獲得距對您的應用程序的快速有點讓事情看起來比較好看。
行，所以我才結束這段視頻，我會花10秒鐘時間，顯示你，我們要構建一個具有完整的後端數據庫的應用程序網站使用節點，並表達和蒙戈和貓鼬和一堆連接技術，我們用引導原型接口，使它看起來比較好的很快，你可以看到我們有一個超大屏幕就在這裡。
我們使用了一些我們正在使用的網格系統，我將在後面解釋的按鈕。
然後，如果我去登錄，可以看到我們有一個表格。
因此，這些都是使用網格系統，使之不佔用屏幕的整個寬度，我已經樣式表單控件。
相反，它只佔用這個小中間部分。
所以我們會看到，一旦我們談論網格系統。