웹마스터 팁

안녕하세요 요즘 대세를 이끌고 ? 있는 부트스트랩에 대해서 설명드리고자 합니다


우선 프로그래머에게 있어서 디자인은 신과 같은 존재?? 퍼블리셔는 관계무...


여튼. 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 이 클래스는 모바일에서만 보여지는 클래스입니다.


잘활용한다면 멋진 부트스트랩 반응형웹을 만들수 있습니다.


참고하시고 도움이 됬으면합니다 ^&^ 

제목 글쓴이 날짜
1.7.4 - 페이지나 게시판 생성 후 설정화면에 가면 '사이트기본스킨사용' 이 적용되지 않는 버그 해결법 sejin7940 2014.02.08
통합검색할때 회원별 권한에 따라 내용 보여주기 garnecia 2014.02.07
[수정본] Minify으로 사이트 개선하기 [28] file 크루씨 2012.05.12
[XE 1.7] 스팸필터 설정이 안되는 경우 해결 방법 [3] 퍼니엑스이 2014.02.03
관리자화면 상단의 업데이트 해야할 항목 안내문구 안 나오게 하는 방법 [1] sejin7940 2014.02.04
XE 루트로 접속하기 (이동 필요없음) [12] 모앱 2013.03.03
ux를 편리하게 하기 위한 css 팁 두랄루민 2014.02.03
1.5 -> 1.7 업글중 백지상태 부분!! una_nampyeon 2014.02.03
게시판 스킨 분석 [2] 이온디 2014.01.28
일반회원도 embed 태그 사용하는 방법! (다음/티스토리/구글드라이브 등) 가장 최근코어버전 해결완료!! [9] 주택바가지 2014.01.27
아이디 계정때도 이메일 변경시 재인증 메일 발송하기 [1] 혼ME 2013.06.19
SSL 적용시 작은 iframe 없애기 [1] file explode 2013.11.28
사이트맵에서 메뉴 생성할때 메뉴 추가 항목에 해당 모듈이 바로 연결되도록 [2] sejin7940 2014.01.25
인사말 랜덤추출 스크립트 [xe적용방법] [12] 라싸 2008.02.18
부트스트랩 기초 지식 강의 돼지코구뇽 2014.01.24
XE 1,7 에서 확장변수 기준으로 정렬 기능이 작동 안 하는 버그 수정법 [1] sejin7940 2013.12.04
faq 묘듈 사용시 레이아웃을 깨는 css [3] 착한악마 2014.01.23
input 체크박스, 라디오버튼 테두리 제거 헤이즈디자인 2014.01.22
xe_2009 게시판 스킨 사용시 브라우저 타이틀 지우기 착한악마 2014.01.23
Captcha 애드온 준회원만 적용하기 [2] 라싸 2014.01.22