1
00:00:00,270 --> 00:00:08,110
歡迎回來，在這個單位，我將介紹一個叫做引導新的工具，我引導主頁上拿到自舉網絡公司。

2
00:00:08,330 --> 00:00:13,180
我只是想花幾分鐘的時間在這個介紹視頻解釋什麼是自舉，為什麼我們使用它。

3
00:00:13,230 --> 00:00:17,100
隨後還向你展示使用引導網站的幾個例子。

4
00:00:17,100 --> 00:00:20,350
因此，讓我們才開始通過閱讀官方引導Blurb的。

5
00:00:20,610 --> 00:00:28,310
自舉是在Web開發靈活的移動首批項目javascript框架最受歡迎的TMLC SS。

6
00:00:28,710 --> 00:00:30,460
讓我們打破下來一點點。

7
00:00:30,480 --> 00:00:32,540
引導是非常受歡迎。

8
00:00:32,580 --> 00:00:47,550
其實這是對GET樞紐最出演和分叉的寶庫，它基本上意味著它有使用它的大多數人來說，大多數人青睞增加它得到幫助和所有的自舉實際上是成功的單個文件和JavaScript的一個文件。

9
00:00:47,550 --> 00:00:54,180
現在，有很多的（C S）S和大量的這些文件中的JavaScript，但他們只是兩個文件，我們可以有他們在我們自己的應用程序。

10
00:00:54,180 --> 00:01:05,950
基本上，我們拿別人的代碼和引導，我們加入到我們自己的應用程序，它可以讓我們好找網站，有反應，它可以讓我們快速的他們無需編寫大量的我們自己的代碼。

11
00:01:05,970 --> 00:01:08,760
有跡象表明，我是表示在這個過程中給你兩個主要原因。

12
00:01:08,760 --> 00:01:10,890
首先，它是非常受歡迎的。

13
00:01:10,890 --> 00:01:11,850
很多地方使用它。

14
00:01:11,850 --> 00:01:15,560
公司大量的開發人員的大量使用它，它只是值得了解的。

15
00:01:15,690 --> 00:01:20,640
但第二個是，它會幫助我們做出好看的網站很快在這個過程中。

16
00:01:20,640 --> 00:01:40,020
所以，當我們正在學習回來的東西時，我們關注的節點，表達和蒙戈和貓鼬和膝蓋深而這一切複雜的背部和邏輯，我們仍然可以使你看起來更舒服，而無需投入一個小時或兩個小時視頻造型的東西，我們可以插上引導，我們可以得到的東西在10 15分鐘就和我們看起來不錯。

17
00:01:40,020 --> 00:01:50,840
接下來我要做的就是給你碼頭快速瀏覽，但引導有句名言好的文檔很多很好的例子，它們實際使用引導本網站這是有道理的。

18
00:01:51,060 --> 00:02:00,250
因此，讓我們通過點擊基於C SS開始，這就是它提到的引導只是一個單一的文件綜援綜援文件內的一個JavaScript文件。

19
00:02:00,300 --> 00:02:02,560
還有，我們得到免費的東西一堆。

20
00:02:02,610 --> 00:02:05,420
因此，讓我們來看看按鈕。

21
00:02:05,460 --> 00:02:16,680
因此，如果我們想使一個按鈕，我們自舉包含在我們的應用中，我們可以將此類添加到類實際上是貝亞蒂和PTEN默認情況下，我們得到這些按鈕。

22
00:02:17,010 --> 00:02:18,840
我們可以做不同的顏色。

23
00:02:19,470 --> 00:02:21,260
讓我們來看一看形式。

24
00:02:21,360 --> 00:02:22,870
我們在這裡得到很好的投入。

25
00:02:23,310 --> 00:02:31,890
而且它也確實需要注意的一切回應在網站上，所以你可以看到，我們得到的東西，屏幕的寬度回應。

26
00:02:32,250 --> 00:02:34,060
我們也有不同的類型的形式。

27
00:02:34,080 --> 00:02:35,680
您可以結合不同的部分。

28
00:02:35,700 --> 00:02:38,330
所以在這裡，他們使用的是與一個表單的按鈕。

29
00:02:38,400 --> 00:02:46,660
所以，這就像樂高積木塊引導和很多方面，它只是一直的樂高積木塊，你可以放在一起，並添加到您的網站，你認為合適。

30
00:02:46,740 --> 00:02:48,690
我們會去了大部分這些組件。

31
00:02:48,720 --> 00:02:53,800
大多數這些大塊的，一旦我們開始使用它，寫引導代碼我們自己。

32
00:02:54,270 --> 00:03:05,750
所以，現在，我們將繼續前進，當向你展示一個選項卡是組件組件包含一些較大件的引導，我們可以使用，而且包括像導航條。

33
00:03:05,940 --> 00:03:13,680
這可能是自舉最流行的方面很多很多的網站使用，你可以用代碼一點點看到一個。

34
00:03:13,710 --> 00:03:19,680
它看起來好像很多，但我向你保證，這是少了很多比起來，如果我們從頭開始編寫一個導航欄。

35
00:03:19,680 --> 00:03:30,660
這帶有下拉菜單的形式，有多種類型的條不同顏色的一些被固定到頁面的頂部部分，將滾動。

36
00:03:30,690 --> 00:03:38,390
有喜歡的超大屏幕是展示在您的網站上的進度條某些內容的方式與其他組件。

37
00:03:38,670 --> 00:03:40,330
而這些都帶有引導。

38
00:03:40,680 --> 00:03:48,970
所以，你可能現在想，如果引導涉及到所有這些作品，他們是已經預先風格的東西，使用引導每一個網站看起來都一樣。

39
00:03:49,320 --> 00:03:50,760
答案是yes和no。

40
00:03:50,760 --> 00:03:53,240
這取決於網站如何使用引導程序。

41
00:03:53,760 --> 00:04:04,490
我認為，一個公司或使用引導好項目使得我們很難看出他們實際上正在使用的引導，因為他們使用的主要組成部分，然後你可以去，在上面寫你自己的風格。

42
00:04:04,500 --> 00:04:07,860
改變顏色改變字體改變一些懸停效果。

43
00:04:07,920 --> 00:04:17,670
你不必使用完全相同的色彩，一切都隨之而來，但自舉，這並不意味著有什麼事，在使用內置的引導方式或者本身不好。

44
00:04:17,670 --> 00:04:19,080
我們一定會做兩個。

45
00:04:19,200 --> 00:04:25,290
因此，當我們正在做一個網站，一個焦點是不是真的在前端，我們只是想做出一些看起來像樣快。

46
00:04:25,290 --> 00:04:30,310
基本上原型前端將使用引導程序，我們不會真的改變很多塊。

47
00:04:30,780 --> 00:04:42,580
不過，如果我們做某件事情稍微大一點的東西，我們不希望像我們使用的引導而根本改變任何東西，然後我們就進去，並添加一些我們自己的風格基本上加噴漆的外衣上引導的頂部。

48
00:04:42,600 --> 00:04:50,740
我要做的下一件事就是告訴你一些與引導和Buddh之旅實際上有一個官方網站上建立了網站，他們展示了其中一些網站。

49
00:04:50,970 --> 00:04:54,330
如果你點擊博覽我有它已經打開。

50
00:04:54,330 --> 00:05:01,890
你可以看到，他們展現美麗和鼓舞人心的使用引導，所以我們可以打開其中的一些將其打開新的標籤。

51
00:05:02,270 --> 00:05:03,870
而這些僅僅是最近的。

52
00:05:03,870 --> 00:05:05,390
有數百上這個網站。

53
00:05:05,420 --> 00:05:14,660
你可以看到噸，噸他們，你可以保持滾動和滾動，然後我們可以去那些使用它的幾個老年人和有有這麼多不同的網站。

54
00:05:15,000 --> 00:05:17,050
他們真的不看起來都一樣。

55
00:05:17,610 --> 00:05:20,190
是的，也許他們中的很多都有導航欄。

56
00:05:20,190 --> 00:05:28,450
也許很多人都有這樣的全屏大圖片佈局，但認為更比一些自舉它純粹是一個負責任的設計潮流。

57
00:05:28,980 --> 00:05:30,890
因此，讓我們來看看其中的一些。

58
00:05:30,930 --> 00:05:36,400
這一個是創意添這是一個公司，使網站模板其實。

59
00:05:36,630 --> 00:05:40,330
你可以看到，我們有圖像的這個漂亮的網格。

60
00:05:40,500 --> 00:05:41,600
這是非常敏感。

61
00:05:41,610 --> 00:05:46,710
如果我縮小下來，我們在這裡得到我們的小導航欄。

62
00:05:46,920 --> 00:05:52,660
因此，這是這樣的，一切都在這個網格制定了一個引導組件。

63
00:05:52,890 --> 00:05:59,540
引導是針對部分責任，但你也可以看到，他們沒有使用內置自舉按鈕默認值。

64
00:05:59,580 --> 00:06:00,710
他們已經改變了他們。

65
00:06:00,780 --> 00:06:01,960
事情看起來不同。

66
00:06:02,190 --> 00:06:06,130
所以我覺得這是一個非常好的使用引導的，這是一個非常好看的網站。

67
00:06:06,180 --> 00:06:12,170
它工作得很好，它使用自舉，但它不依賴於自舉100％。

68
00:06:13,080 --> 00:06:15,120
讓我們來看看一個或兩個以上。

69
00:06:15,480 --> 00:06:19,640
因此，這一個被稱為Indicus公司或指數類似的東西。

70
00:06:19,710 --> 00:06:24,200
顯然，他們設計和建造，人們喜歡使用數碼產品。

71
00:06:24,240 --> 00:06:25,520
因此，讓我們向下滾動這裡。

72
00:06:25,680 --> 00:06:26,980
看看我們所擁有的。

73
00:06:27,270 --> 00:06:37,500
因此，有這可能與引導網格系統，它可以幫助組織和佈置的事情了佈局正如我以前提到的是Pearcey SS極難建立了一些內容。

74
00:06:37,560 --> 00:06:42,910
它變得更好，但自舉實在是非常有用的，幫助我們奠定的事情了我們的應用程序。

75
00:06:43,260 --> 00:07:05,930
而且我們有一個小頁腳欄有在這裡一個導航欄，所以這真的很有趣去引導世博會需要一些時間來探索一些用於啟動和項目，看看他們是怎麼使用它，所有不同的方式，公司正在修改它在自己的字體，加入自己的顏色，真正弄清楚什麼是很多很多的網站都在使用，為什麼決定使用引導程序的核心組件。

76
00:07:06,170 --> 00:07:14,970
而在我看來，它真的可以歸結為我們將要投入在這個單元中的視頻網格系統和導航條和一切的響應。

77
00:07:15,420 --> 00:07:15,710
好。

78
00:07:15,720 --> 00:07:20,230
因此，要包我要告訴你，我們會作出一個簡單的網站。

79
00:07:20,280 --> 00:07:23,110
這就是我們所謂的啟動重愛撫。

80
00:07:23,190 --> 00:07:28,200
它可以幫助你找到你的完美貓心心相印，它使用的引導。

81
00:07:28,200 --> 00:07:33,610
你可以看到，我們有一個導航欄，在這裡只是想，我們有註冊摩根按鈕。

82
00:07:33,630 --> 00:07:39,970
我們得到這些小圖標的話，我們在這裡我們的文字和小標記線，然後我們的按鈕。

83
00:07:40,290 --> 00:07:47,060
然後隨著我調整的事情一切都響應你可以看到事情走動圍繞轉變。

84
00:07:47,190 --> 00:07:52,660
而最重要的是我們拿到小漢堡，我們有一個移動友好的導航欄。