WEBVTT

00:00:00.200 --> 00:00:04.200
[이 번역은 Bing번역에 의해 제공됩니다.]

00:00:09.100 --> 00:00:13.700
안녕하세요, 제 이름은 Pranav Rastogi고 Microsoft에서

00:00:14.440 --> 00:00:20.290
ASP.NET 팀을 위해 일합니다. 오늘은
Visual Studio 2013에서 새 ASP.NET 템플릿을 보여 드리겠습니다.

00:00:21.040 --> 00:00:24.710
점점 더 많은 사람들이
전화, 태블릿 그리고 다른 디바이스를 통해 해당 웹 사이트를 탐색함에 따라

00:00:24.760 --> 00:00:28.600
웹 개발자들에게 다른 형태의 요인들을 목표할 수 있는

00:00:28.650 --> 00:00:31.740
싸이트를 구축하는 것이 더 중요해졌습니다.

00:00:32.410 --> 00:00:35.530
서식파일 내부에서 과거 Visual
Studio에 거대한 향상을 가져온

00:00:35.580 --> 00:00:38.260
Bootstrap이라는 프레임 워크를

00:00:38.310 --> 00:00:41.110
이용하기 시작했습니다.

00:00:42.050 --> 00:00:44.860
Bootstrap을 이용하여 다른 형태의 요인들을 목표할 수 있는 웹싸이트를

00:00:44.910 --> 00:00:49.340
구축할 수 있습니다. 그리고 이 소개 비디오에서 우리는 어떻게

00:00:49.390 --> 00:00:53.990
서식 파일이 Bootstrap을 이용하고

00:00:54.040 --> 00:00:57.190
응용 프로그램을 빌드할 수 있는 프로젝트를 
구축할 수 있는지 보겠습니다.

00:00:57.240 --> 00:01:01.210
따라서 저는 Visual Studio 2013를 위한 ASP.NET 템플릿에서의

00:01:01.260 --> 00:01:03.380
Bootstrap 통합을 보여드리겠습니다.

00:01:03.900 --> 00:01:08.040
웹 개발자로서 아시겠지만
이제 점점 더 많은 사람들이

00:01:08.090 --> 00:01:11.430
다른 장치로 웹 사이트에 액세스하고 있습니다.

00:01:11.480 --> 00:01:14.240
그들은 그들의 전화, 테블릿, PC,

00:01:14.590 --> 00:01:19.250
phablets들로 액세스하고 있습니다. 따라서 웹 개발자로서 이러한

00:01:19.300 --> 00:01:22.760
다른 장치들에서 다른 형태의 요인들을

00:01:22.810 --> 00:01:25.790
목표하는 것을 가능하게 하는 것이 중요 해졌습니다.

00:01:26.520 --> 00:01:31.390
우리가 다소 앞으로 이동함에 따라
모바일 웹 개발은

00:01:31.440 --> 00:01:35.180
작업 흐름에 중요한 부분이 되고 있습니다

00:01:35.730 --> 00:01:38.430
이러한 종류의 응용 프로그램 작성하는 동안
이 모든 것들이이 힘들어 졌습니다.

00:01:38.480 --> 00:01:43.810
당신은 사용자 CSS를 작성 해야만 했습니다.
당신은

00:01:43.860 --> 00:01:46.650

UI 논리에 따라 여러 논리를 응용 프로그램에 넣어야만 했습니다.

00:01:47.270 --> 00:01:51.030
따라서 ASP.NET 웹 개발자를 위해 Visual
Studio 2013 시간프레임에

00:01:51.080 --> 00:01:55.920
했던 것은 모두 우리의 디폴트 템플릿에 관한것이고

00:01:55.970 --> 00:01:58.210
이제 Bootstrap 기반으로 합니다.

00:01:58.730 --> 00:02:03.940
따라서 Bootstrap은 다소

00:02:03.990 --> 00:02:05.480
 웹 개발을 쉽게 만드는 CSS 프레임 워크
입니다.

00:02:06.210 --> 00:02:08.960
따라서 웹 개발자로서 당신이 해야하는 모든 일상적인 작업에 대해 생각 하는 경우

00:02:09.010 --> 00:02:12.540
예를 들어 이미지나 테이블 그리고 서식들을 스타일링 하고 

00:02:12.590 --> 00:02:16.420
이러한 모든 것들의 스타일들이 

00:02:16.470 --> 00:02:20.560
다른 브라우저나 다른 장치들에서도 같이 느껴집니다.

00:02:20.610 --> 00:02:23.520
당신이 써야만 하는 많은 코드가 있습니다. 이제

00:02:23.570 --> 00:02:27.880
Bootstrap의 도입에 따라
이러한 문제들을 다루는

00:02:27.930 --> 00:02:32.810
어떠한 프레임 워크에서 웹 사이트를 손쉽게 만들 수있습니다.

00:02:32.860 --> 00:02:37.180
따라서 Visual Studio 2013에
MVC WebForms, Spar 응용 프로그램에 대한
웹 API 응용 프로그램과

00:02:37.230 --> 00:02:42.630
같은 ASP.NET 템플릿들은 이제 Bootstrap에 기반합니다. 따라서 당신이 응용

00:02:43.120 --> 00:02:45.810
프로그램을 만들고 그것을 시작할때, 우리는 어느정도 

00:02:45.860 --> 00:02:48.990
다른 장치를 목표할 수 있는 응용 프로그램을 만드는데 

00:02:49.040 --> 00:02:52.580
도움이 되는 

00:02:52.630 --> 00:02:55.820
당신에게 최적화된 실행을 위해 가이드할 것입니다.

00:02:56.890 --> 00:02:59.150
그렇다면  사실상 Bootstrap이 뭔가요?

00:02:59.890 --> 00:03:05.840
Bootstrap은 기본적으로 웹 개발을 할수 있게 해주는 CSS 프레임 워크입니다.

00:03:05.890 --> 00:03:09.050
따라서 Bootstrap은 웹 개발 환경에서 더 중요 한 부분을 맡고 있습니다.

00:03:09.100 --> 00:03:11.310
그것은 즉각 응답 합니다.

00:03:11.890 --> 00:03:17.370
그것은 첫번째 모바일 접근을 가집니다. 그것은  front-end 개발자 경험 

00:03:18.220 --> 00:03:21.990
을 가져서 웹 응용 프로그램을 만들기 시작하면

00:03:22.040 --> 00:03:23.600
이러한 모든 혜택을 얻을 수 있습니다.

00:03:24.510 --> 00:03:27.330
Bootstrap과
vs의 통합에 있어서 내가 매우 자랑 스럽게 생각 하는 것 중 하나는

00:03:27.380 --> 00:03:29.880
우리가

00:03:29.930 --> 00:03:34.500
Bootstrap  3을
Visual Studio 2013 RTM과 통합시켰다는 것입니다.

00:03:34.550 --> 00:03:38.830
Bootstrap3은 Bootstrap2에 비해 큰 향상입니다.

00:03:38.880 --> 00:03:42.780
그 것에 모바일 개발 전면과 센터를 추가 했습니다.

00:03:42.830 --> 00:03:46.460
그 것은 모바일에 우선 최적화 되어 있습니다. 그리고 소형 장치에서 시작하고

00:03:46.510 --> 00:03:51.500
정렬, 배율이 플랫폼에서 매우 잘 조정됩니다.

00:03:52.270 --> 00:03:55.280
이 릴리스의 장점 중 하나는
우리가 당신에게

00:03:55.330 --> 00:03:57.910
웹 개발에서 일어나는 최신 및 가장 훌륭한 것을 제공한다는 것입니다.

00:03:57.960 --> 00:04:01.030
그리하여 Visual Studio에 있는 ASP.NET에서 개발을 시작하면

00:04:01.080 --> 00:04:05.320
당신은 그것에서 최신의 것으로 시작합니다.

00:04:05.370 --> 00:04:08.220
따라서 저는 통합된 Bootstrap을 우리의 템플릿으로 몇 가지 방법을

00:04:08.610 --> 00:04:11.710
우리의 템플릿으로 부트스트랩 하 고
간단 하 게 개요

00:04:11.760 --> 00:04:15.780
어떤 부트스트랩 통합
신속 하 게 할 수 있습니다.

00:04:15.830 --> 00:04:22.380
시작 합니다. 프로젝트를 만드는 경우
ASP.NET에서... 제 경우에

00:04:22.430 --> 00:04:25.160
ASP.NET MVC 응용 프로그램을 만들었습니다.

00:04:25.810 --> 00:04:30.420
응용 프로그램을 시작 하는 경우
브라우저에 표시 됩니다

00:04:30.470 --> 00:04:35.310
사이트는 일종의 지하철 설계에
하는 것입니다. 와 멋진 것

00:04:35.360 --> 00:04:39.500
이 응용 프로그램에 대 한 시작 하는 경우는
내 응용 프로그램의 크기를 조정 하려면

00:04:39.550 --> 00:04:46.220
따라서 전자 이동 했음을 알 수 있습니다.
사이트의 전체 공간을 사용합니다.

00:04:46.270 --> 00:04:50.080
그러나 스크롤을 다시 시작 하면
어떻게 정상적으로 표시 됩니다 모든

00:04:50.130 --> 00:04:54.160
요소와 반응
사이트가입니다. 내가 이동 하는 경우

00:04:54.210 --> 00:04:57.010
너비를 초과 합니다.
에 대 한 드롭다운을 받을 수 있음을 참조 하십시오.

00:04:57.060 --> 00:05:00.860
응용 프로그램에서 제공 하는
모든 탐색 링크.

00:05:01.580 --> 00:05:05.770
이 기능이 있는지 생각해 보십시오
해를 하 고

00:05:05.820 --> 00:05:09.670
CSS는 필자의 경우는
내 응용 프로그램에 대 한 쓰기를 받았어요

00:05:10.270 --> 00:05:15.150
최소한 꽤 있었습니다. 따라서 I
열어 볼 수 있습니다 내 사이트.cs

00:05:15.200 --> 00:05:20.140
내 응용 프로그램 수준의 CSS를
30 ~ 40 줄의 코드

00:05:20.190 --> 00:05:23.990
주로 유효성 검사에는
일부 콘텐츠 주위를

00:05:24.040 --> 00:05:25.320
내 CSS입니다.

00:05:25.990 --> 00:05:29.370
아주 작은 CSS를 탐험 하는
정렬, 작성 해야

00:05:29.420 --> 00:05:32.830
에 놀라운 기능을가지고
즉시 사용할 수 있습니다. 한 경우와

00:05:33.400 --> 00:05:37.310
어떻게 사이트 한 것을 보면합니다
Windows 저장소에서 검색

00:05:37.360 --> 00:05:42.810
Windows 화면을 표시 하는
사이트는 다시 매우 매력적인 보입니다.

00:05:42.860 --> 00:05:47.290
좋은 디자인을 하기 전. I
다른 모드는 일종의 수 있습니다.

00:05:47.340 --> 00:05:50.200
사이트입니다. 이 세로
모드입니다. 참조 하는 방법

00:05:50.250 --> 00:05:54.140
사이트를 정상적으로 감소 시킵니다. 경우 I
난 여전히 등록 링크를 방문 합니다.

00:05:54.190 --> 00:05:57.610
통해 유효성 검사 오류 가져오기
여기. 다시 맞출 수 있습니다.

00:05:58.460 --> 00:06:01.830
볼 수 있도록 모든 다른
내 사이트를가지고 있는 모드

00:06:01.880 --> 00:06:07.490
에 상당히 잘 보이는 일종의 내
태블릿입니다. 좋은 선물이 고 이므로

00:06:07.540 --> 00:06:12.880
부트스트랩에 대 한 사항은 하기
시작 환경 및 방법

00:06:12.930 --> 00:06:16.200
다른 대상의 정렬 하기가 쉽습니까
필요 없이 폼 팩터

00:06:16.250 --> 00:06:22.100
수 많은 CSS 코드를 작성 합니다. 다른
부트스트랩의 장점

00:06:22.150 --> 00:06:26.420
통합 부트스트랩 에코 시스템입니다.
따라서 시나리오를 가정해 보겠습니다.

00:06:26.470 --> 00:06:28.470
사용 했던 테마를 사이트.

00:06:29.100 --> 00:06:32.130
지금까지 항상 themeing에
주요 불만 사항 중 하나가 되었습니다.

00:06:32.180 --> 00:06:33.680
웹 개발자를 위한 점입니다.

00:06:34.220 --> 00:06:37.900
부트스트랩 통합
쉽게 시작 하기

00:06:37.950 --> 00:06:41.820
서식 파일 및 테마에서 것입니다. 따라서
호출 사이트로 이동

00:06:41.870 --> 00:06:46.040
집계는 Bootswatch.com
다른 테마는

00:06:46.090 --> 00:06:49.650
자유롭게 몇 했 고
쉽게 설치할 수 있습니다.

00:06:49.700 --> 00:06:54.630
응용 프로그램에 이 데모에서는 그렇게
이 테마를 선택 하겠습니다.

00:06:55.220 --> 00:06:59.450
정당한 다운로드를 말할 거 야
부트스트랩 CSS입니다. 이제 열

00:07:00.530 --> 00:07:01.120
파일입니다.

00:07:02.050 --> 00:07:03.260
내용을 복사 합니다.

00:07:03.920 --> 00:07:07.880
일종의 프로젝트를 다시 이동 하 고
무시 하 고

00:07:07.930 --> 00:07:12.170
사용 하 여 부트스트랩 프레임 워크는
방금 다운로드 한 테마입니다.

00:07:12.220 --> 00:07:15.990
내 사이트 시작 하는 경우 다시
내 사이트는 이제 볼 수 있습니다.

00:07:16.040 --> 00:07:21.650
다시 새 디자인에
Bootswatch를 선택 하는 테마입니다.

00:07:21.700 --> 00:07:26.720
같은 파란색 테마를가지고 있는
여기서 및 모든 선택 내

00:07:26.770 --> 00:07:30.530
링크 변경 내 단추 변경
등록 하는 경우와

00:07:30.580 --> 00:07:33.370
같은 유효성 검사 오류
전에 해가 서.

00:07:33.980 --> 00:07:38.560
그렇게 몇 초 후에
테마를 변경할 수 있었습니다.

00:07:38.610 --> 00:07:41.550
내 사이트에 아주 쉽게.

00:07:42.170 --> 00:07:45.140
있는지 사람들에 대 한
부트스트랩을 하는 방법

00:07:45.190 --> 00:07:51.300
프로젝트는 일종의 재분배
NuGet 패키지로 부트스트랩 합니다.

00:07:51.350 --> 00:07:56.190
이 프로젝트 템플릿이 이미가
패키지를 설치 하는 부트스트랩 이라는입니다.

00:07:56.790 --> 00:08:00.590
고 새 22cm
방금 수 ASP.NET 프로젝트

00:08:00.640 --> 00:08:04.010
부트스트랩이 패키지 다운로드
프로젝트로 가져옵니다.

00:08:04.820 --> 00:08:09.020
이 NuGet의 패키지를 제공 하 고
다음 파일에서: 나타납니다

00:08:09.070 --> 00:08:13.500
양식 폴더에서 나타납니다.
모든 CSS를 부트스트랩

00:08:13.550 --> 00:08:18.450
JavaScript에서 프레임 워크를 제공
부트스트랩 프레임 워크입니다.

00:08:19.200 --> 00:08:23.120
템플릿을 정렬의 최적화
번들에 경험

00:08:23.170 --> 00:08:28.010
모든 CSS 및 JavaScript
별도 묶음으로 되도록

00:08:28.060 --> 00:08:32.590
최소 요청을 일종의 확인
네트워크 및 다음에

00:08:32.640 --> 00:08:35.930
네트워크에 대 한 사이트 최적화
물론 성능을 제공 합니다. 그러니까

00:08:35.980 --> 00:08:39.070
정보 tidbit 방법
프로젝트 템플릿 설정

00:08:39.120 --> 00:08:42.480
부트스트랩에 대 한 최적화 하 고
그런 다음 net 업로드 최적화

00:08:42.530 --> 00:08:42.940
도 있습니다.

00:08:42.990 --> 00:08:50.810
따라서 부트스트랩 어떤 it 테마로
격자 시스템을 호출합니다. 지금의

00:08:50.860 --> 00:08:54.760
방식으로 부트스트랩 전체 프레임 워크
설계 측면의

00:08:54.810 --> 00:09:00.020
표입니다. 부트스트랩 시스템을 확인 하 고
전체 표 경험 응답 합니다.

00:09:00.490 --> 00:09:03.200
이 서식 파일에서 보는 것 이므로
세 개의 열에 있습니다

00:09:03.450 --> 00:09:06.500
고 정렬 하려면 방법 살펴보기
표 사용의 것

00:09:06.550 --> 00:09:08.330
다음과 같이 됩니다.

00:09:09.090 --> 00:09:13.080
전체 페이지 나누어져 있으므로
12 세트와 열 수 있습니다.

00:09:13.130 --> 00:09:19.750
각 열의 너비를 지정 합니다.
입니다. 필자의 샘플에서

00:09:19.800 --> 00:09:23.580
저는 열 폭 4 이므로
3 개의 열과 다음은 더하십시오

00:09:23.630 --> 00:09:28.500
12로. 것을 말합니다
마지막 열 크기를 약간 조정

00:09:28.550 --> 00:09:31.660
다르게 설정 중간 열입니다.
기본적으로 모든 작업을 수행 해야 하는 경우

00:09:31.710 --> 00:09:36.520
표 크기를 변경 하
명의 표 크기 조정

00:09:36.570 --> 00:09:37.490
12로.

00:09:38.100 --> 00:09:41.000
있으므로 10에 6 ~ 8과

00:09:42.960 --> 00:09:47.170
나는 4에 배치 가능
내 응용 프로그램 및 이동 백입니다.

00:09:47.220 --> 00:09:50.980
컨트롤 f 5를 말합니다. 볼 수 있도록 방법
열 분할을 정렬합니다.

00:09:51.030 --> 00:09:54.420
2 열 적용이 되었습니다. 이
6 열과이 하나 되기

00:09:54.470 --> 00:09:55.490
하나는 4.

00:09:56.050 --> 00:10:00.200
고이 크기를 조정할 경우에
서식 파일 표시 방법

00:10:00.250 --> 00:10:05.790
정상적으로 사이트 정렬의 폭포 때문
내가 다른 해상도 지정할 수 있습니다.

00:10:06.680 --> 00:10:09.900
하 고 다시도 혜택
응답 프레임 워크입니다.

00:10:11.220 --> 00:10:15.500
이 경험의 또 다른 주요 특징
이미지 처리 하는 정렬이입니다.

00:10:16.130 --> 00:10:22.850
다른 이미지는
크기 및 해당 매우 어렵습니다.

00:10:22.900 --> 00:10:26.270
이미지를 경험할 수 있도록
응답 수입니다. 따라서 합시다

00:10:26.320 --> 00:10:30.960
이 이미지에 응용 프로그램 추가
일종의 이동 하 고

00:10:31.010 --> 00:10:35.590
내 사이트입니다. 시작 해 드리죠
응용 프로그램 다시입니다.

00:10:35.640 --> 00:10:42.110
이미지 정렬 방식을 볼 수 있도록
전체 화면을 사용 하는 중

00:10:42.480 --> 00:10:47.950
내 사이트 레이아웃을 messes를 정렬 하 고.
매우 까다로운 검색.

00:10:48.970 --> 00:10:52.480
부트스트랩을 사용 하 여 이제 정렬 하려면의
이 이미지 특성

00:10:52.530 --> 00:10:58.590
하는 클래스는 응답 이미지
응답 동작을 추가 합니다.

00:10:58.640 --> 00:11:02.960
이 이미지 하 고 있는지 확인
깔끔하게 이미지를 렌더링합니다.

00:11:03.010 --> 00:11:08.280
이 과정에서 볼 수 있도록
이제 이미지 가져오기

00:11:08.330 --> 00:11:10.450
제대로 렌더링 합니다. 사실

00:11:12.830 --> 00:11:15.730
이에이 이미지를 넣을 수 있다면

00:11:17.150 --> 00:11:22.070
div, 난 것을 볼 수 있습니다.
응답 특성을을 가져옵니다.

00:11:22.120 --> 00:11:24.970
부트스트랩 뿐입니다. 이 무엇
다음과 같은 이미지를

00:11:25.020 --> 00:11:29.450
전체 보기입니다. 정렬의 경우
크기 표시 방법

00:11:29.500 --> 00:11:34.950
스냅, 아직도 꽤 보이는 이미지
작은 요소 에서도 냉각

00:11:35.000 --> 00:11:38.570
이런. 이 어떻게 하면
사이트는 전화에 표시 됩니다.

00:11:38.620 --> 00:11:42.990
그렇다면 다시 쓸 수 없는
모든 CSS 응용 프로그램입니다. 모든

00:11:43.040 --> 00:11:48.020
수행 해야 하는 경우를 사용 하 여 부트스트랩 프레임 워크
고 응답 하 고

00:11:48.070 --> 00:11:50.470
이미지 내에 있는 특성
내 이미지도 있습니다.

00:11:51.460 --> 00:11:55.590
또 다른 일반적인 시나리오는 테이블입니다.

00:11:57.380 --> 00:12:01.970
이제 부트스트랩 사용 하는 방법를 참조 하십시오.
우리 테이블도 스타일.

00:12:02.500 --> 00:12:06.350
다음 표는 그렇게
응용 프로그램에서.

00:12:07.470 --> 00:12:12.660
다시 그를 이동 이동할 수 있습니다.
내 사이트 컨트롤 f 5입니다.

00:12:13.760 --> 00:12:18.030
이 표에 표시 하는 방법
기본적으로: 첫 번째 이름, 마지막 이름입니다.

00:12:18.080 --> 00:12:21.360
아주 일반적인 확인합니다. 이제
어떻게 우리가 신속 하 게 얻을 수를 참조 하십시오.

00:12:21.410 --> 00:12:26.370
좀 더 잘 하는 테이블입니다.
따라서 테이블을 특성 수 있습니다.

00:12:26.420 --> 00:12:32.730
이 클래스를 사용 하 여 테이블을 정렬 하는
아주 minimalistic 제공

00:12:32.780 --> 00:12:36.920
전체 테이블을 설명 합니다. 수 있습니다.
매우 멋진 수 있습니다. 내가 말할 수 있습니다.

00:12:36.970 --> 00:12:42.580
테두리가 있는 표 또는 I
줄무늬를 사용 하 여 표를 삽입 합니다.

00:12:43.500 --> 00:12:49.130
대화형 기능을 원합니다
따라서 대화형을 테이블입니다.

00:12:54.460 --> 00:12:57.140
IntelliSense에 대 한 추가 되었습니다.
부트스트랩을 알 수 있도록

00:12:57.190 --> 00:13:00.590
등을 입력 하 고 IntelliSense 나타남
모든 부트스트랩 클래스입니다.

00:13:00.640 --> 00:13:03.200
이러한 클래스는 모두 정의 되어 있으므로
부트스트랩 framework

00:13:03.500 --> 00:13:07.270
Visual Studio 웹 개발자
우리는 조명 환경

00:13:07.320 --> 00:13:13.470
위로 하면 IntelliSense가 해당. 따라서
나타나면 컨트롤 f 5는 방법

00:13:13.520 --> 00:13:18.480
줄무늬는 있습니다. 테두리가 있습니다.
여백이 있습니다. 수 있으므로

00:13:18.530 --> 00:13:23.730
매우 빠르게 정렬 스타일의 테이블.
다시 이것은 매우 고

00:13:23.780 --> 00:13:28.560
일반적으로 CSS 작업을 사용 하는
응용 프로그램에서 수행할.

00:13:28.610 --> 00:13:32.060
따라서 부트스트랩 단지를 쉽게합니다
이러한 기능을 모두 사용.

00:13:32.110 --> 00:13:36.590
부트스트랩은 다른 기능
Glyphicons입니다. 따라서 합시다

00:13:36.640 --> 00:13:41.670
메일 아이콘을 배치 하고자 하는 경우
여기에서 클래스를 지정할 수 있습니다

00:13:44.480 --> 00:13:46.520
glyphicon 봉투 호출된

00:13:48.920 --> 00:13:53.780
내 응용 프로그램을 다시 실행 하는 경우
이동 연락처를 다시 합니다

00:13:53.830 --> 00:13:55.920
방법 참조는

00:13:57.460 --> 00:14:00.370
메일 아이콘 또는 봉투
응용 프로그램에서 조치 합니다.

00:14:01.010 --> 00:14:04.360
따라서이 방법 중 하나를 부트스트랩
실제로 일종의

00:14:04.410 --> 00:14:09.480
이 기능을 쉽게
응용 프로그램에 엄청난

00:14:09.530 --> 00:14:14.970
부트스트랩에 대 한 학습의 방법
경우 자신의 웹사이트 것 입니까

00:14:15.020 --> 00:14:19.520
이 자습서를 따라 시작
CSS. 실제 있습니다

00:14:19.570 --> 00:14:23.210
이 자습서를 작성 하는 방법
따라서 테이블에만 클릭 수 있습니다.

00:14:23.480 --> 00:14:26.960
매우 기본적인 예제가 있습니다
테이블 및 정렬 o 빌드

00:14:27.010 --> 00:14:30.100
자세한 정보를 제공 하기
사용자 지정 방법에

00:14:30.150 --> 00:14:34.000
스트라이프를 할 테이블
있는 테두리를 만드는 방법

00:14:34.050 --> 00:14:38.360
이 응답 폼을 실행 하는 방법
등에 합니다.

00:14:38.410 --> 00:14:43.140
부트스트랩 된 또 다른 기능
JavaScript 영역 위치 들

00:14:43.190 --> 00:14:48.070
상당히 모달 드롭다운 목록 작업을 수행할 수
간단 합니다. 이 예제는

00:14:48.120 --> 00:14:51.410
모달 대화 상자 방법의
다음과 같은

00:14:53.140 --> 00:14:57.050
에 부트스트랩 합니다. 이 통해 실제로
이 기능을 쉽게

00:14:57.100 --> 00:14:58.860
응용 프로그램에.

00:14:58.910 --> 00:15:04.360
따라서 또 다른 일반적인 시나리오는
사람들이 안 이미지는 어떻게

00:15:04.410 --> 00:15:07.930
축소판 그림을 만들 수 있을까요
응용 프로그램입니다.

00:15:08.470 --> 00:15:14.330
하 고이 응용 프로그램에서
내 Facebook 계정으로 로그인

00:15:14.380 --> 00:15:17.870
정보를 검색 하 고
내 친구 들의 사진에 대 한

00:15:18.170 --> 00:15:20.270
표시할 것을
UI에 있습니다.

00:15:21.060 --> 00:15:24.040
따라서이 기능 중 하나는
ASP.NET에는

00:15:24.090 --> 00:15:27.190
서식 파일에 기록할 수 있습니다
같은 소셜 공급자를 통해

00:15:27.240 --> 00:15:32.630
Facebook, Google, Microsoft 계정
개발자를 제공할 수 있습니다

00:15:32.680 --> 00:15:34.020
환경을 향상입니다.

00:15:37.610 --> 00:15:39.120
Facebook으로 로그인 하겠습니다.

00:15:40.150 --> 00:15:43.440
따라서이 Facebook으로 이동합니다. 인증
나입니다. 다시 들어오면

00:15:43.490 --> 00:15:48.690
응용 프로그램입니다. 내가 거 인증
내 프로필 사진 검색.

00:15:49.070 --> 00:15:50.650
내 이름을 클릭 하 고

00:15:52.530 --> 00:15:55.590
볼 수 목록
친구 가져옵니다. 내가 하 고

00:15:55.640 --> 00:15:58.450
내 그림을 모두 표시 합니다. 하 고
그러면 어떻게 사진을

00:15:58.500 --> 00:16:01.850
지정 된 종류의 잘
축소판 그림, 그러 고는

00:16:01.900 --> 00:16:04.500
작성 해야 하는 코드의 양
이 생성 하는 종류의

00:16:04.550 --> 00:16:09.640
표시 합니다. 다시 전환 하는 경우
응용 프로그램을 이동 하 고

00:16:09.690 --> 00:16:11.770
내 Facebook 정보 페이지

00:16:13.970 --> 00:16:16.530
필자는 코드입니다.
미리 보기 생성을 쓰려고 합니다.

00:16:16.580 --> 00:16:20.150
어쩌면 아주 작은 CSS는.
CSS는 이러한 클래스를

00:16:20.200 --> 00:16:23.880
부트스트랩 프레임 워크에서 발생 됩니다.
쓸 수 없는

00:16:23.930 --> 00:16:29.350
축소판 그림을 생성 하는 사용자 정의 CSS
모든 이미지를 표시 합니다.

00:16:29.400 --> 00:16:34.510
탐험에 종료 하도록만
그: ASP.NET에서 통합 부트스트랩

00:16:34.560 --> 00:16:39.640
서식 파일을 사용 하면 정말 쉽게
템플릿을 사용 하 여 시작 하려면

00:16:39.690 --> 00:16:43.720
즉 응답 모바일은
편리한 지하철은 무엇입니까

00:16:43.770 --> 00:16:47.370
테마를 하기가 매우 쉽습니다.
응용 프로그램을 작성할 수 있습니다

00:16:47.420 --> 00:16:51.220
다른 양식 대상 수 있도록
요소와 다른 브라우저입니다.

00:16:51.690 --> 00:16:54.390
대부분의 시간을 투자할 수 및
응용 프로그램별 만드는

00:16:54.510 --> 00:16:57.220
논리와 염려 하지 마십시오
UI 프레임 워크입니다.

00:16:57.730 --> 00:17:00.560
좋겠다 지금까지. 감사
이 비디오를 시청 해야 합니다.

00:17:00.610 --> 00:17:03.870
부트스트랩을 볼 수 있던 것이 좋겠다
Visual Studio 통합

00:17:03.920 --> 00:17:07.640
ASP.NET에서는 저와 바라는 고
이러한 템플릿을 사용 하 여 빌드

00:17:07.690 --> 00:17:11.440
응용 프로그램입니다. 자세한 내용을 보려면
ASP.NET 사이트를 이동할 수 있습니다.

00:17:11.490 --> 00:17:17.300
어떻게 통합할 것인지를 확인 하 고
더 나은 부트스트랩 합니다.