라이브러리/Bootstrap 8

부트스트랩 : 폼

bootstrap : Page 1-5 Forms 부트스트랩 1-5번째 폼 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. Forms 폼 Basic example 기본 예제 각각의 폼콘트롤은 자동으로 약간의 전역 스타일링을 받아들입니다. .form-control 이 있는 모든 텍스트 기반의 , 그리고 요소는 기본적으로 width: 100%; 입니다. 최적의 여백을 위해 .form-group 으로 라벨과 콘트롤을 감싸세요. Email address Password File input Exampl..

부트스트랩 : 코드, 테이블

bootstrap : Page 1-4 Code, Table 부트스트랩 1-4번째 코드, 테이블 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. Code 코드 인라인 Inline 로 짧은 코드를 표시하세요. For example, should be wrapped as inline. For example, should be wrapped as inline. 사용자 입력 User input 일반적으로 키보드 입력을 위해 나타내는 태그로 를 사용하세요 To switch direct..

부트스트랩 : 타이포그래피

bootstrap : Page 1-3 Typography 부트스트랩 1-3번째 타이포그래피 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 타이포그래피 Typography 제목 Headings 부터 까지 모든 제목 마크업이 가능합니다, 또한 .h1부터 .h6까지의 클레스를 사용하여 텍스트 인라인 시킬수 있습니다. h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px h3. Bootstrap heading Semibol..

부트스트랩 : 그리드 시스템

bootstrap : Page 1-2 Grid system 부트스트랩 1-2번째 그리드 시스템 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 그리드 시스템 Grid system 부트스트랩은 기기나 뷰포트 크기가 증가함에 따라 12 열이 적절하게 확대되는 반응형, 모바일 우선 유동 그리드 시스템입니다. 그것은 쉬운 레이아웃을 위해 미리 정해진 클래스들 뿐만 아니라 강력한 더 시멘틱한 레이아웃을 생성하기 위한 믹스인 을 포함하고 있습니다. 소개 Introduction 부트 스트랩 그리드 시스템..

부트스트랩 : CSS 개요

bootstrap : Page 1-1 CSS 부트스트랩 1-1번째 CSS 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 개요 Overview 웹개발을 더 좋고, 빠르고, 강력하게 접근하는 방법을 가진 부트스트랩의 기반시설의 핵심적인 부분을 설명합니다. HTML5 문서 유형 HTML5 doctype 부트스트랩 3은 html5를 사용합니다. doctype 선언도 그래서 아주 간단합니다 ... 모바일 우선 Mobile first 부트스트랩3 에서는 시작부터 모바일 부가적인 부분이 아닌 핵심적인 ..

부트스트랩 : 참고사항

bootstrap : Page 0-3 부트스트랩 0-3번째 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 브라우저 및 장치 지원 Browser and device support 부트스트랩은 최신 데스크탑과 모바일 브라우저에 최적으로 만들어졌습니다. 이 말은 오래되거나 덜 진보된 브라우저는 기능적으로는 완벽하게 모든 기능릉 사용할수 없거나 사용에 제안이 걸릴 수 있다는 것을 의미합니다. 지원되는 브라우저 Supported browsers 특히, 다음과 같은 브라우저와 플랫폼의 최신 버전을 지..

부트스트랩 : 기본 템플릿과 부가 사항

bootstrap : Page 0-2 부트스트랩 0-2번째 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 기본 템플릿 Basic template 완전 기본 HTML 템플릿을 이용하거나, 조금 추가된 HTML 템플릿을 이용하여 부트스트랩을 이용할수 있습니다. 참고 부트스트랩을 시작하기 위해 추천할만한 에디터로 Sublime Text를 추천합니다. 또한 부트스트랩는 HTML5와 CSS, 자바스크립트를 사용하기 위하여 jQuery가 필요합니다. 기본뼈대 HTML Hello, world! 발 변역..

부트스트랩 : 소개와 다운로드

bootstrap : Page 0-1 부트스트랩 0-1번째 부트스트랩은 웹디자인을 쉽게하기 위해 미리 몇가지의 CSS의 클래스 선택자와 정의된 스타일시트, 자바스크립트 플러그인을 모은 강력한 프론트엔드 프레임워크입니다. html로 웹페이지의 뼈대를 만들고 스타일시트에서 레이아웃을 만들기 위한 CSS의 속성과 값을 입력하는 대신 미리 정의된 클래스 선택자를 html 코드에 삽입만 하면 레이아웃과 각종 요소가 만들어질수 있게 미리 모든 요소에 대해서 정의를 해놓았기 때문에 손쉽게 웹사이트를 만들 수 있는 플랫폼으로 큰 인기를 얻고 있습니다. 참고로 이블로그 게시물은 한글부트스트랩3을 참고로 만들어 졌으며 제 블로그 공부용으로 작성한 것입니다. 응답형 웹의 모바일 최초의 프로젝트 개발을 위한 가장 인기있는 프..

반응형