CSS, Javascript, jQuery (135) 썸네일형 리스트형 form태그 table태그 bootstrap 다양한 스타일 다양한 테이블 스타일과 폼태그 스타일 1)부트스트랩에서는 다양한 테이블 스타일을 지원하는데 태그에 약간의 패딩과 수평 구분선이 있는 기본 스타일을 만들려면 .table클래스를 추가한다. 2)반응형 테이블을 만들려면 table태그를 div로 감싸고 .table-responsive클래스를 추가한다. 3)입력창에 스타일을 주려면 form-group클래스명에 has-스타일이름 클래스명을 넣어준다. 4)레이블태그에 class="control-label"을 부여하면 form-group이 가지고 있는 스타일을 따라간다. 5)인라인 형식의 폼 스타일을 만들기 위해서는 form태그에 .form-inline클래스명을 추가해준다. 다양한 버튼 스타일 버튼을 생성하는 태그로는 a, button, input태그가 있다. 버튼의.. 부트스트랩 그리드시스템 부트스트랩 웹 프론트엔드 개발 프레임워크 "트위터 부트스트랩은 웹디자인을 쉽게하기 위해서 css의 클래스 선택자에 정의된 스타일시트와 자바스크립트 플러그인의 라이브러리이다" 장점 -자주 사용하는 내용들을 간편하고 손쉽게 사용가능 -틀이 규격화되어 있어 다른 사람과 디자인 공유가 쉬움 단점 -이미 정의해놓은 정형화된 틀에 맞추어서 작업해야 하므로 복잡하게 꾸미거나 수정하기 힘듬 -다른 css와 중복되거나 클래스가 꼬일 수 있으므로 주의해야함 -부트스트랩만 믿고 디자인에 소홀해지거나 나태해 질 수 있음 핵심 요소 CSS / GRID SYSTEM / 컴포넌트 / JAVASCRIPT PLUGIN GRID SYSTEM 반응형, 유동형 레이아웃을 지원하는 구역 분할 시스템 (총 12분할) -한요소가 차지할 크기를 .. nesting의 기초 offset의 기초 반응형 실무 웹페이지 bs layout 이전 1 2 3 4 5 6 7 ··· 17 다음
