1
00:00:00,660 --> 00:00:06,740
이 수업으로 돌아와서 지금까지 부트 스트랩에 대해 배운 것을 사용하여 작은 프로젝트를 만들 것입니다.

2
00:00:06,770 --> 00:00:13,590
점보 트론과 그리드 시스템을 차단하는 등 우리가 지금까지 해왔 던 많은 구성 요소가 포함될 것입니다.

3
00:00:13,920 --> 00:00:17,370
나는 또한 여기에 아이콘을 포함하여 하나 또는 두 개의 새로운 것을 던졌다.

4
00:00:17,370 --> 00:00:19,180
우리는 아직 그 작업을 수행하는 방법을 보지 못했습니다.

5
00:00:19,500 --> 00:00:30,360
또한이 스크롤 막대가 스크롤 할 때 스크롤 막대가 맨 위에 고정되어 있으므로 스크롤 막대에 고정 된 탐색 막대가 표시되어 스크롤되지 않습니다.

6
00:00:30,360 --> 00:00:34,800
마지막으로 우리는 기본 부트 스트래핑 된 구성 요소의 일부 색상을 변경합니다.

7
00:00:34,800 --> 00:00:37,290
그래서 이것은 실제로 회색의 약간 다른 그늘입니다.

8
00:00:37,380 --> 00:00:40,480
이것은 파란색의 그늘이며 nav bar는 색이 다릅니다.

9
00:00:40,560 --> 00:00:44,250
따라서 코드를 작성하기 전에 모든 작업을 수행하는 방법을 보여 드리겠습니다.

10
00:00:44,320 --> 00:00:52,620
잠시 시간을내어 이들 이미지가 대부분 웹 사이트에서 스플래시라는 훌륭한 리소스라는 사실을 지적하고 싶습니다.

11
00:00:52,920 --> 00:00:57,640
그래서 스플래시는 원하는대로 할 수있는 아름다운 고화질 사진을 제공합니다.

12
00:00:57,750 --> 00:01:00,630
여기서 라이센스를 읽을 수는 있지만 원하는 것은 무엇이든 할 수 있습니다.

13
00:01:00,630 --> 00:01:09,390
그것은 창조적 인 공유지 면허입니다. 나는 정말로 그것에 대해 신경 쓰지 않지만 사진은 정말 멋지고 나는이 8 가지를 많이 사용하고 있습니다.

14
00:01:09,390 --> 00:01:11,450
사실 우리 갤러리에.

15
00:01:11,790 --> 00:01:21,090
그리고 그 사진 하나가 바로 여기있는이 사진입니다. 실제로 사진 수업을 들었습니다. 그리고 이것이 제가 반 촬영 한 첫 번째 사진입니다.

16
00:01:21,090 --> 00:01:24,780
나는 그렇게 뜨겁지 않게 보이지 않는이 것들과 비교되어 생각한다.

17
00:01:24,780 --> 00:01:28,650
어쨌든 중요하지 않은이 똑같은 이미지를 사용하고 싶다면.

18
00:01:28,740 --> 00:01:30,430
이것은 모든 이미지와 함께 작동합니다.

19
00:01:30,450 --> 00:01:42,570
그러나 만약 당신이 똑같은 것을 원한다면 나는이 비디오와 함께 업로드 된이 파일 갤러리 M.D의 모든 링크를 포함 시켰으며 우리는 진한 파란색과 밝은 회색을 사용할 두 가지 색도 포함 시켰습니다.

20
00:01:42,740 --> 00:01:42,990
승인.

21
00:01:42,990 --> 00:01:46,790
그래서 그 모든 일로 이제는 프로젝트를 시작하겠습니다.

22
00:01:47,100 --> 00:01:48,740
그래서 빈 파일 갤러리가 있습니다.

23
00:01:48,750 --> 00:01:49,620
H m l.

24
00:01:49,860 --> 00:01:58,670
여기서 h skeleton을 추가 할 것이고 우리는이 이미지 갤러리를 호출 할 것이고 우리가해야 할 일은 부트 스트랩을 포함하는 것입니다.

25
00:01:58,800 --> 00:02:06,490
이전 프로젝트의 CD 끝 부분을 복사하려고합니다. 지금 당장 그렇게하겠습니다.

26
00:02:06,900 --> 00:02:07,640
여기에 우리가 간다.

27
00:02:07,710 --> 00:02:09,830
부트 스트랩 CDN에 연결 중입니다.

28
00:02:10,200 --> 00:02:25,990
그리고 내가 여기있는 동안 나는 또한 CSSA와 Jay queery 도시의 부트 스트랩을 잡을 것이고, 우리가 nav bar 레슨에서했던 것과 그 밑바닥에있는 것을 우리가 nav bar를 추가 할 때 우리는 사냥을 할 필요가 없다 이러한 파일 또는 스크립트 태그 용.

29
00:02:26,250 --> 00:02:30,250
그래서 저장과 우리가 할 수있는 첫 번째 일은 점보트론을 추가하는 것입니다.

30
00:02:30,510 --> 00:02:32,160
멋지고 쉽습니다.

31
00:02:32,400 --> 00:02:38,470
그래서 우리는 div를 가질 것이고 그것은 클래스가 Jumbotron과 같을 것입니다.

32
00:02:38,880 --> 00:02:47,520
그리고 나서 Jumbotron 내부는 이미지 갤러리를 말하는 H1으로 시작합니다.

33
00:02:47,670 --> 00:02:51,420
우리가 가면 우리는 구원을 얻고 이것이 효과가 있는지 확인합시다.

34
00:02:51,720 --> 00:02:53,660
그래서이 파일을 열 것입니다.

35
00:02:54,060 --> 00:02:55,330
그래서 우리는 보섹을 포함 시켰습니다.

36
00:02:55,350 --> 00:02:56,780
우리는 글꼴 변경을보고 있습니다.

37
00:02:56,820 --> 00:02:58,980
우리는 점보트론 (Jumbotron)에서이 회색을 볼 수 있습니다.

38
00:02:58,980 --> 00:03:07,040
이제 그것이 화면 전체에 걸쳐있는 곳의 컨테이너가 아닌 컨테이너 내부에 있는지 확인하십시오.

39
00:03:07,320 --> 00:03:12,850
그래서 우리는 div 클래스가 컨테이너와 같을 것입니다.

40
00:03:14,010 --> 00:03:21,900
저기 우리가 가서 제대로하고 새로 고침하자 우리가 돌아갈거야.

41
00:03:21,900 --> 00:03:25,140
좋아, 그래서 우리는 점보트론을 가지고 있지만이 단락을 추가한다.

42
00:03:25,140 --> 00:03:33,080
이제 우리는 돌아와서 아이콘을 만들지 만, 그것은 H-1 아래 단락 태그입니다.

43
00:03:33,090 --> 00:03:38,040
원하는 텍스트를 자유롭게 입력하면 Jumbotron을 사용할 수 있습니다.

44
00:03:38,730 --> 00:03:45,190
이제 돌아가서 탐색 표시 줄을 실행 해 보겠습니다. 두 가지 이유로 처음부터 충분한 막대를 입력하지 않을 것입니다.

45
00:03:45,210 --> 00:03:46,970
하나는 꽤 코드입니다.

46
00:03:47,010 --> 00:03:48,000
그것은 오랜 시간이 걸릴 것입니다.

47
00:03:48,010 --> 00:03:48,840
그리고이 비디오.

48
00:03:48,960 --> 00:03:52,870
그러나 두 가지 사실은 내가 처음부터 Ackbar에 입력하지 않는다는 것입니다.

49
00:03:53,220 --> 00:04:02,580
내가 NASCAR 비디오에서 언급 한 것처럼 대부분의 경우 내 워크 플로는 부트 스트랩 사이트 나 NAV 바를 사용하여 만든 이전 사이트로 이동하여 복사합니다.

50
00:04:02,580 --> 00:04:04,990
그리고 나는 그것을 점검하고 내가 원하지 않는 조각들을 제거합니다.

51
00:04:05,010 --> 00:04:06,530
나는 새로운 조각들을 추가한다.

52
00:04:06,570 --> 00:04:08,020
여기 그것이 제가 여기서 할 일입니다.

53
00:04:08,160 --> 00:04:14,160
나는 이미 각 HTML 애플리케이션에서 탐색 막대에있는 부분을 충분히 가지고있다.

54
00:04:14,280 --> 00:04:19,570
바로 여기에 있습니다. 그걸 복사하려고합니다. 그런 다음 조금씩 조정 해 보겠습니다.

55
00:04:19,620 --> 00:04:27,220
그래서 그것을 복사하고 다시 돌아가서 우리는 그냥 파일의 맨 위에 놓을 것입니다.

56
00:04:27,330 --> 00:04:32,770
그리고 우리가 얻는 것이 신선한 지 보자. 그리고 우리는 nav bar를 가지고있다.

57
00:04:33,030 --> 00:04:34,010
가깝습니다.

58
00:04:34,050 --> 00:04:36,410
우리는 여기서 브랜드를 바꾸고 싶습니다.

59
00:04:36,420 --> 00:04:43,020
또한 색상을 최종적으로 변경하고 싶습니다. 색상이 상단에 고정되어 있는지 확인하고 싶지만 현재는 그렇지 않습니다.

60
00:04:43,290 --> 00:04:45,500
돌아가서 브랜드를 바꾸자.

61
00:04:45,690 --> 00:04:49,980
그래서 커피 대신에 제 이미지를 불렀습니다. 당신이 원하는대로이 이미지를 호출 할 수 있습니다.

62
00:04:49,980 --> 00:04:53,970
물론 그것이 잘 작동하는지 확인하십시오.

63
00:04:54,250 --> 00:05:01,690
다음으로 설명 할 것은 낮잠이나 기본값 대신 나타나는 색상을 변경하기위한 빠른 변경입니다.

64
00:05:01,700 --> 00:05:06,880
구절에 막대가 있다면 지금 할 수 있습니다. 그러면 그 모습을 보여 드리겠습니다.

65
00:05:06,880 --> 00:05:12,500
우리는 지금 당장 어두워 지거나 텍스트가 밝은 곳에서 색상이 반전되어 어두운 배경을 얻습니다.

66
00:05:12,750 --> 00:05:15,660
내가 아직 여기있는 푸른 색은 아니야.

67
00:05:16,030 --> 00:05:19,740
그리고 글꼴은 흰색이 아니지만 우리는 되돌아 와서 그것을 고칠 것입니다.

68
00:05:19,750 --> 00:05:21,650
지금은 충분히 가깝습니다.

69
00:05:21,670 --> 00:05:26,100
이제 우리는 그 아래 그리드의 실제 이미지 갤러리에 집중할 수 있습니다.

70
00:05:26,350 --> 00:05:29,640
그리고 솔루션에서 어떻게 작동하는지 살펴 보겠습니다.

71
00:05:29,860 --> 00:05:44,480
그래서 세 개의 이미지가 시작되고 나서 크기를 조정하면 두 개로 내려간 다음 두 개로 내려 가고 마침내 작은 크기로 보시면 여기에서 볼 수있는 것처럼 하나가됩니다.

72
00:05:44,720 --> 00:05:47,110
그리고 우리는 하나의 이미지를 가지고 있습니다.

73
00:05:47,500 --> 00:05:52,780
우리가 세 가지를 가지고있는이 큰 크기의 그리드를 설정하는 것으로 시작하겠습니다.

74
00:05:52,780 --> 00:05:54,850
우리는 총 12 단위를 가지고 있다는 것을 기억하십시오.

75
00:05:54,910 --> 00:05:59,730
그래서 우리가 세 번 간다면 우리는 각각을 4 단위로 지정할 것입니다.

76
00:06:00,160 --> 00:06:04,420
그래서 우리의 점보트론 아래에 그것을 설정합시다.

77
00:06:04,420 --> 00:06:17,680
여전히 컨테이너 내부에 있지만 div 클래스는 행과 같고 행의 div 클래스는 같을 것이고 우리는 div 클래스가 네 개의 단위가되기를 원할 것입니다.

78
00:06:17,770 --> 00:06:30,260
그래서 우리는 큰 대시 4 열을 입력하고 엔터를 치면 우리는 여기에 텍스트를 몇 개 넣고 시작할 수 있습니다. 그런 다음 그 중 3 개를 원하기 때문에 복사 할 것입니다.

79
00:06:30,430 --> 00:06:35,770
그리고 나는 압흔 고정에 대해 아직 걱정하지 않을 것입니다. 왜냐하면 우리는 잠시 더 큰 변화를 만들 것이기 ​​때문입니다.

80
00:06:36,100 --> 00:06:40,170
그러나 새로 고침을하고 그 세 개의 기둥을 가로 지르게합니다.

81
00:06:40,180 --> 00:06:52,860
그래서 우리가하고 싶은 다음 작업은 일부 이미지를 만들고 모든 작업을 시작하는 것입니다. 다만 골든 게이트 브리지 사진을 찍기 만하면 텍스트가 아닌 이미지 태그를 추가 할 것입니다.

82
00:06:52,910 --> 00:07:02,620
따라서 이미지 소스는 당신이 골든 게이트 브릿지와 같아서 나는 그 세 번 붙여 넣기 만하면됩니다.

83
00:07:02,620 --> 00:07:10,310
그리고 우리가 돌아 가면 우리는 그 세 개의 기둥이 있더라도 이미지가 거대하다는 문제가 있습니다.

84
00:07:10,360 --> 00:07:14,010
우리의 이미지는 축소되지 않고 있습니다.

85
00:07:14,010 --> 00:07:19,010
이 문제를 해결하기 위해 우리가해야 할 일은 약간 더 많은 부트 스트랩을 추가하는 것입니다.

86
00:07:19,030 --> 00:07:24,670
나는 아직 그 주위에이 멋진 작은 경계선을 만들지를 보여주지 않았으며, 섬네일이라고 불립니다.

87
00:07:24,700 --> 00:07:33,250
우리가해야 할 일은 썸네일과 같은 클래스로 div를 쓴 다음 그 내부에 넣는 이미지가 열에 맞게 축소됩니다.

88
00:07:33,250 --> 00:07:37,090
그리고 그것은 또한이 작은 경계를 여기에서 얻습니다. 나는 꽤 멋지다고 생각합니다.

89
00:07:37,090 --> 00:07:52,600
그래서 저는 실제로 하나의 이미지로 돌아가서 div 클래스에 미리보기 이미지를 추가하고 올바르게 처리하는 사람들과 함께 가지고있는 것들을 제거하려고합니다.

90
00:07:52,930 --> 00:07:57,880
그리고 우리는 이미지 주위를 감싸고 저장합니다.

91
00:07:57,880 --> 00:08:00,350
우리가 새로 고침하면.

92
00:08:01,150 --> 00:08:06,470
그리드 안의 적절한 공간을 차지하는 단일 이미지를 얻는 지 알 수 있습니다.

93
00:08:06,730 --> 00:08:12,200
이것은 기둥이고 주변에는 약간의 경계가 있고 이미지는 거대하지 않습니다.

94
00:08:12,700 --> 00:08:15,980
그럼 우리가 이것을 복제하면 작동하는지 확인합시다.

95
00:08:16,060 --> 00:08:22,430
그래서 이것은 하나의 이미지로 3 번 복제하고 새로 고침이 일어나는 것을 봅니다.

96
00:08:22,780 --> 00:08:23,610
그리고 거기에 우리가 간다.

97
00:08:23,710 --> 00:08:25,380
우리는 세 가지 이미지를 가지고 있습니다.

98
00:08:25,380 --> 00:08:27,290
나는 앞으로 나아가 여섯 개를 추가 할 것이다.

99
00:08:27,360 --> 00:08:29,790
우리가 여기에서하는 것처럼 총 9 개가 있습니다.

100
00:08:30,490 --> 00:08:32,830
실제로 별도의 행을 추가 할 필요가 없습니다.

101
00:08:33,040 --> 00:08:35,110
모두 같은 줄에 넣을 수 있습니다.

102
00:08:35,200 --> 00:08:40,420
그러므로 우리가 지금까지 가지고있는 세 가지를 모두 복사해서 구하십시오.

103
00:08:40,480 --> 00:08:42,730
그것은 우리에게 9 개의 이미지를 줄 것입니다.

104
00:08:42,730 --> 00:08:46,950
그리고 새로 고침하면 자동으로 다음 줄로 넘어갑니다.

105
00:08:47,230 --> 00:08:52,390
그래서 우리는 하나의 행을 가지고 의학적으로 알고있는 열을 추가하면됩니다.

106
00:08:52,480 --> 00:08:58,720
각 이미지가 4 단위를 차지하기를 원하면 행당 3 개를 의미하고 이미지 세 행이 필요합니다.

107
00:08:58,780 --> 00:09:02,150
나는 돌아가서 비디오의 끝에서 엘프들을 모두 바꿀 것이다.

108
00:09:02,160 --> 00:09:03,600
나는 네가 그걸 보게하고 싶지 않아.

109
00:09:03,630 --> 00:09:08,580
복사 및 붙여 넣기가 매우 재미 있지만이 그리드의 나머지 부분에 집중하겠습니다.

110
00:09:08,580 --> 00:09:21,420
이제 히트 매체가 하나의 이미지로 넘어가 자마자 우리가 찾고자하는 것은 중간 브레이크 포인트를 가로 지르는 두 개의 이미지입니다.

111
00:09:21,700 --> 00:09:28,730
그리고 거기에있는 중간 브레이크 포인트 이후에 우리는 작게 쳤고 우리는 여전히 그것이 2에 머물길 원합니다.

112
00:09:28,750 --> 00:09:39,310
그래서 우리의 것을 고치기 위해서 또는 커다란 중단 점이나 중간 중단 점에서 바로 이동 한 다음 작고 약간 작은 상태를 1로 유지합니다.

113
00:09:39,460 --> 00:09:53,970
우리는 여기로 돌아갈 수 있습니다. 당신이 알고있는 모든 것들을 변경하고 커맨드 d를 클릭하면 커맨드를 모두 선택합니다. 그런 다음 왼쪽 또는 오른쪽 화살표를 눌러 커서를 움직입니다.

114
00:09:53,990 --> 00:09:55,840
이제는 한꺼번에 편집 할 수 있습니다.

115
00:09:56,020 --> 00:10:04,350
그리고 제가하고 싶은 일은 우리가 페로에게 원하기 때문에 열 매체 6을 더할 수 있습니다.

116
00:10:04,410 --> 00:10:11,920
그리고 내가 돌아가서 새로 고침하면 행당 3에 머무르는 것을 볼 수 있습니다. 그런 다음 평균 중단 점을 맞았고 2로 이동합니다.

117
00:10:12,280 --> 00:10:20,820
그렇지만 작고 가볍게 치면 솔루션은 작게 유지되고 솔루션은 2로 유지됩니다.

118
00:10:20,830 --> 00:10:33,390
따라서 열 매체 6을 수행하는 것보다는 열 6을 작게 할 수 있고이 버전을 다시 새로 고침 할 수 있습니다.

119
00:10:33,730 --> 00:10:34,680
우리는 매체에 부딪쳤다.

120
00:10:34,680 --> 00:10:35,590
우리는 둘로 간다.

121
00:10:35,800 --> 00:10:36,750
우리는 작게 쳤다.

122
00:10:36,760 --> 00:10:43,530
우리는 2시에 머무른 다음 여분의 작은 공간으로갑니다. 그리고 우리는 1 행당 1 개의 이미지에 있습니다.

123
00:10:43,810 --> 00:10:44,620
완전한.

124
00:10:44,910 --> 00:10:49,060
그리드를 위해해야 ​​할 일은 여기에있는 대부분의 기능으로 끝났습니다.

125
00:10:49,170 --> 00:10:51,050
아주 빨리 실행하고 실행하십시오.

126
00:10:51,220 --> 00:10:55,570
우리가 지금 집중하고 싶은 것은 색상과 아이콘 중 일부입니다.

127
00:10:55,870 --> 00:10:58,890
부트 스트랩을 사용하여 아이콘을 추가하는 방법을 보여줌으로써 시작하겠습니다.

128
00:10:59,080 --> 00:11:07,670
그래서 부트 스트랩 (bootstrap)을 얻으려면 컴포넌트에 가면 위의 그림 아이콘이 있고 거기에서 선택할 수있는 것들이 있습니다.

129
00:11:08,320 --> 00:11:11,840
그리고 우리는 우리가 사용하고 싶고 내가 사용하고있는 것을 찾을 것입니다.

130
00:11:12,100 --> 00:11:14,710
나는 카메라라고 생각하는 검색을 할 것입니다.

131
00:11:14,710 --> 00:11:17,920
여기에이 카메라가 있는데 그 카메라를 사용하지 않습니다.

132
00:11:18,040 --> 00:11:19,310
약간 다릅니다.

133
00:11:19,330 --> 00:11:23,080
제가 사용하고있는 카메라는 좀 더 복고적 인 카메라이며이를 추가하는 방법을 보여 드리겠습니다.

134
00:11:23,080 --> 00:11:28,680
실제로는 부트 스트랩의 일부가 아닙니다.하지만 부트 스트랩과 함께 제공되는 일반 카메라로 시작합시다.

135
00:11:28,810 --> 00:11:32,040
그래서 우리는 클리포드 칸 (Clifford Kahn)을 쓰고 conn 대시 카메라로갑니다.

136
00:11:32,160 --> 00:11:43,450
그리고 더 아래로 스크롤하면 클래스를 사용하여 Con과 동일한 스팬을 만든 다음 글리프 아이콘의 이름을 대시 할 수있는 스팬을 만드는 방법을 설명하는 위치를 볼 수 있습니다.

137
00:11:43,480 --> 00:11:58,200
그래서이 스팬을 복사 해 봅시다. H-1 내부에서 작업을 시작하겠습니다. H-1 시작 부분에 놓기 만하면 A-Kon 대시 카메라가 필요하고 저장하고 새로 고침을 할 것입니다.

138
00:11:58,600 --> 00:12:01,060
그리고 그 것처럼 카메라를 얻을 수 있습니다.

139
00:12:01,410 --> 00:12:07,350
그리고 우리가 공간을 원한다면 우리는 패딩을 통해 그것을 할 수도 있고 아니면 바로 공간을 추가 할 수도 있습니다.

140
00:12:08,260 --> 00:12:16,970
그리고 우리는 nav bar에 대해 똑같은 일을 할 수있는 공간을 얻었고, 사진이라고 불리는 것을 사용했습니다. Photo는 여기서 두 번 확인합니다.

141
00:12:16,980 --> 00:12:22,780
이 페이지에서 사진 사진을 검색 할 수 있습니다.

142
00:12:22,890 --> 00:12:24,080
거기는.

143
00:12:24,260 --> 00:12:26,890
사진을 대시 할 수 있으면 갈 수 있습니다.

144
00:12:27,730 --> 00:12:32,890
그래서 여기에 nav bar 브랜드로 올라가서 다시 스팬에 붙여 넣습니다.

145
00:12:33,120 --> 00:12:41,420
그리고 나서 스팬 내에 클래스가 그림을 클릭해야하며 거기에 공간을 추가합니다.

146
00:12:41,460 --> 00:12:45,880
우리는 우리의 사이트로 돌아가 신선하고 우리는 이제 약간의 그림을 가지고 있습니다.

147
00:12:46,360 --> 00:12:47,930
그리고 우리도 카메라를 가지고 있습니다.

148
00:12:48,150 --> 00:12:54,740
다음으로 탐색 바에 착수 해 봅시다. 지금 당장 볼 수 있도록 상단에 고정 시켜서 시작하겠습니다.

149
00:12:54,790 --> 00:12:56,470
우리의 두루마리를 낮잠 거리십시오.

150
00:12:56,950 --> 00:12:59,210
하지만 솔루션에는 그대로 남아 있습니다.

151
00:12:59,640 --> 00:13:04,460
그리고 그것을하기 위해 NAV 바에 추가해야하는 단일 클래스입니다.

152
00:13:04,480 --> 00:13:11,800
그래서 바로 여기에서 우리는 nav bar 대시를 대시 상단에 고정시키고 저장하기를 원합니다.

153
00:13:12,120 --> 00:13:16,570
그리고 우리가 신선하다면 꼭대기에 고정 된 것을 볼 수 있습니다.

154
00:13:16,570 --> 00:13:25,800
우리의 콘텐츠가 조금 뒤쳐져 있으며 Jumbotron 위에 정상적인 간격을두고 싶습니다.

155
00:13:25,810 --> 00:13:32,770
우리가해야 할 일은 우리 몸에 약간의 패딩을 덧붙이면 70 픽셀이됩니다.

156
00:13:32,770 --> 00:13:39,320
붓 스트랩 워드 프로세서는 70 픽셀의 패딩을 잊어 버렸다면 우리가 원하는 패딩 크기가 4 패 였음을 알려줍니다.

157
00:13:39,490 --> 00:14:01,850
그래서 우리는 여기에 스타일 시트를 만들고 갤러리 Dotsie SS라고 부르면 서 선택 바디 패딩이 70 픽셀에이를 것이고 그 다음에는 갤러리 CS와 연결된 스타일 시트에 추가해야합니다. 에스.

158
00:14:01,920 --> 00:14:03,760
이제 작동하는지 확인합시다.

159
00:14:03,790 --> 00:14:04,330
우리는 거기에 갈.