Bootstrap

디자인 스타일 및 액션이 미리 정의된 html,css,js 파일로 구성된 프레임 워크(=개발환경)Bootstrap은 UI 프레임워크로 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JavaScript 프레임워크다 다양한 기능을 제공하여 사용자가 쉽게 웹사이

font font를 적용하기 위해서는 미리 받은 폰트css파일을 다운받아 넣은 후 기존 테블레이트에 링크를 달면된다. 또는 복사해와서 직접 붙여 넣어서 원하는대로 수정하도된다. font 적용 예시

이따 집가서 마저 정리

부트스트랩을 통해 폼에 여러가지 양식을 적용하고자한다.입력받는 양식을 div로 묶어준다class="form-group"입력받는 양식에 적용 (input태그에)class="form-control" 인라인폼: 브라우저의 폭에 따라서 배치방법이 변경 (폼태그 안에쓴다)1)폭

글자색을 강조하는것처럼 버튼도 강조할수 있다 이 둘을 비교해보자면글자색을 강조->text-(text-primary,text-success,text-info,,,)이라면버튼의 색을 강조->btn-(btn-primary,btn-success,btn-info,,,) 이다.부

부트스트립을 이용해서 이미지에 여러 효과를 적용할 수 있다.이미지도 그리드 시스템과 혼합해서 사용한다.이미지 종류 예시)1.img-rounded->둥근테두리2.img-circle->원형이미지(ex 졸업앨범 사진) 3.img-thumnail->썸네일(그림 위에 테두리 쳐

기본개념 및 주의 사항메뉴를 눌렀을때 하단으로 펼쳐지는것->드롭다운단독으로 사용할 수 없고 부트스트랩에 포함된 자바스크립트와 jQuery를 같이 사용해야한다.일반적으로 드롭다운 부분은 ul과 li 로 구성된 리스트 태그에 적용(상단메뉴)한다. 아래와 같이(링크) jqu

부트스르트립을 이용하여 네비게이션바를 구현하고자 한다.예시를 진행하면서 점점 완성하는 식으로 정리하고자 한다.1\. 네비게이션바 기본 틀을 잡음예제 안의 정리한 메모처럼 모바일로 전환하기위한 navbar-header,pc와 모바일부분이 같게 나오게 설정하는 부분,검색폼

이번 page주제는 경로/항목에 관련된것과 페이지네이션에 대해 정리하고자한다.경로 항목을 /로 구분해서 나열하고싶을때 breadcrumb클래스를 사용한다.class="pagination"pagination은 ul태그에 페이징 처리 스타일을 적용시켜주는 클래스 선택자를

라벨이란?글 내용중에 중요하거나 사용자에게 알려줄 필요가 있을때 사용한다.커뮤니티 게시판이나 블로그에 새로운글이 올라온 경우 새로운 글이 있다는 표시를 해줄수 있다.사용법) 버튼과 유사하다 버튼이 btn-XXX인거 처럼 라벨은 label-XXX로 사용한다.새로운 게시