웹마스터 팁
부트스트랩 기초 지식 강의
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
제목 | 글쓴이 | 날짜 |
---|---|---|
SMTP 인증 회원가입 메일 인증 , 비밀번호 오류찾기 및 답변글 메일로 받기 [11] | FFHosting | 2009.01.12 |
알ftp, editplus 계정정보 파일 백업 | yjnet | 2009.01.10 |
XE 초기설치시 error 500 이 나오며 설치가 안될때 [1] | sangjaezzi | 2009.01.09 |
회원가입시 닉네임 중복사용 가능하게 하기.. [3] | 一淚™ | 2009.01.08 |
UCC솔루션에 대한 조사입니다~^^ [2] | 내다 | 2009.01.08 |
전화번호 형식의 확장변수를 목록에 출력하고 싶을 때 | serendip | 2009.01.06 |
팁이라고까지 할껀 없지만.....(db날렸을때..카페24사용시) [3] | 왜만지냐 | 2009.01.06 |
XE 업그레이드후 모듈 업데이트 안되고, 모듈 생성시 이미 존재하는 모듈이라고 나올때 | 또나아빠 | 2009.01.05 |
사진 첨부 등록 시 화일 사라짐 [2] | 정욱재 | 2009.01.03 |
rewrite 모듈 - 아파치 설정.. [1] | 야간비행7 | 2009.01.03 |
확장 컴포넌트 출력 아이콘 표시 | o앙마o | 2009.01.02 |
.htaccess 파일을 쉽게 만드는 방법 [5] | 김병화999 | 2009.01.01 |
로그인한 회원만 최근 게시글, 검색등 볼수 있도록 하기 [3] | [_)s | 2008.12.31 |
업그레이드 후 아이콘 혹은 이미지 깨짐현상 발생시 [2] | 플로리다 | 2008.12.31 |
음악판매 [5] | 물푸레646 | 2008.12.27 |
IIS7, PHP 5, MySQL 5, 제로보드 설치기 [1] | 54장 | 2008.12.26 |
메인 페이지가 백지로 나올 때 이렇게 해보세요. [4] | 시금치 | 2008.12.23 |
회원정보 이미지 항목 추가 [3] | 개돌 | 2008.12.22 |
자신의 홈페이지에 플래시 오락실을 등록 해보자. [2] | 조성우371 | 2008.12.20 |
주민등록 번호 받기(수정) [23] | 개돌 | 2008.12.18 |