웹마스터 팁
부트스트랩 기초 지식 강의
2014.01.24 08:20
안녕하세요 요즘 대세를 이끌고 ? 있는 부트스트랩에 대해서 설명드리고자 합니다
우선 프로그래머에게 있어서 디자인은 신과 같은 존재?? 퍼블리셔는 관계무...
여튼. http://getbootstrap.com/ 사이트에서 부트스트랩을 제공하는데
제일 기본적인것은 다운받고 바로 적용하고 하는것이 아니라
모든 글들을 2~3번씩 읽어보고 활용해보셔야합니다.
행여나 부트스트랩으로 가능한 코드를 다른 css 코드를 입히거나 하면
추후에 LESS 버전을 입힐때 제대로 반응하지 않을수 있다는 점입니다.
다 읽어보시고 이해가 됬다면
기본적인 팁을 적어드릴게요
<div class="pull-left"> 혹은 right
div로 감싼 영역은 화면에 무조건 왼쪽 또는 오른쪽으로 기웁니다.
float:left 가 적용되어져 있는 css 코드입니다.
가운데 정렬은 못하냐?? 이것또한 align=text-center 로 해결하시는데
부트에 있습니다.
<div class="text-center"> 혹은 left right 를 사용하셔도 됩니다.
그리고 반응형으로 하시면서
PC화면에서와 모바일화면에서가 중요한데
hidden-xs 라는 클래스는 PC화면에서만 보여지도록 해주므로
코딩을 2번 하셔도 되고. 모바일화면에선 제외해도 되는 추천,비추천등등을 클래스로 지정하면
모바일에선 사라지므로 깨지거나 할 염려가 크게는 없습니다.
visible-xs 이 클래스는 모바일에서만 보여지는 클래스입니다.
잘활용한다면 멋진 부트스트랩 반응형웹을 만들수 있습니다.
참고하시고 도움이 됬으면합니다 ^&^
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
짧은주소 사용시 긴주소 검색엔진 차단시키기 [10] | Volun | 2014.01.14 |
업로드 용량을 .htaccess 파일로 제어하기 [9] | 야옹이님 | 2014.01.15 |
정확한 계산기 소스입니다. [2] | 현탁 | 2014.01.15 |
XE 전체 타이틀(title) 수정하기 [3] | pezex | 2014.01.16 |
[10원팁] 스케치북 추천/비추천/신고를 눈에 들어오게 | socialskyo | 2014.01.17 |
관리자가 무제한 추천 가능하게 하는 방법 [2] | sejin7940 | 2014.01.17 |
룰셋 적용 팁 [1] | 루비스코 | 2014.01.20 |
게시판 설정의 게시판 정보 탭에서, 고급 항목이 항상 노출되도록 하는 방법 [3] | sejin7940 | 2014.01.20 |
메뉴추가가 안돼요. [2] | 궁굼자 | 2014.01.20 |
게시판 최초 정렬을 사용자정의(확장변수) 기준으로 설정 가능하게 하는 방법 [8] | sejin7940 | 2014.01.20 |
[jQuery] PNG투명 이미지 animate시 IE7,8 투명이미지 표현 문제. | 투니페이퍼 | 2014.01.21 |
썸네일 특정 파일로 불러오기 [18] | Lansi | 2014.01.21 |
Captcha 애드온 준회원만 적용하기 [2] | 라싸 | 2014.01.22 |
1.7.3.8 설치 후 위에 어드민바가 안 보이는 증상을 해결하는 방법. [2] | 야옹이님 | 2014.01.22 |
input 체크박스, 라디오버튼 테두리 제거 | 헤이즈디자인 | 2014.01.22 |
faq 묘듈 사용시 레이아웃을 깨는 css [3] | 착한악마 | 2014.01.23 |
xe_2009 게시판 스킨 사용시 브라우저 타이틀 지우기 | 착한악마 | 2014.01.23 |
부트스트랩 기초 지식 강의 | 돼지코구뇽 | 2014.01.24 |
사이트맵에서 메뉴 생성할때 메뉴 추가 항목에 해당 모듈이 바로 연결되도록 [2] | sejin7940 | 2014.01.25 |
일반회원도 embed 태그 사용하는 방법! (다음/티스토리/구글드라이브 등) 가장 최근코어버전 해결완료!! [9] | 주택바가지 | 2014.01.27 |