본문 바로가기

bootstrap140

[bootstrap] 부트스트랩 그리드 – 컬럼 리셋 Head Body Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. View details » Heading Donec id elit non mi porta gravida at eget metus. View details » Heading Donec sed odio dui. Cras justo odio, dapibus ac faci.. 2016. 1. 15.
[bootstrap] 부트스트랩 그리드 – 동시에 여러개의 그리드 선택자 사용 화면너비 768px 미만 768px 이상 992px 이상 1200px 이상 그리드 배열항상 가로배열가로 배열에서 위 수치에 이르면 세로 배열로 전환 .container 너비 없음 (항상 화면 전체너비) 750px970px1170px 클래스 선택자 접두어 .col-xs- (xs: extra small) .col-sm- (sm: small) .col-md- (md: medium) .col-lg- (lg: large) 거터(그리드 사이 여백) 크기 30px, 그리드 좌우측 15px 패딩 하나의 그리드 선택자만 사용한 레이아웃과 여러 개의 그리드 선택자를 사용한 레이아웃을 비교하기 위해서 .row 부분을 복사해 바로 아래에 붙여 넣고 col-md-4 선택자에 col-lg-4 col-sm-4 선택자를 추가해 보았.. 2016. 1. 15.
[부트스트랩] Bootstrap을 예제 및 소스와 함께 잘 설명해 놓은 곳 http://maczniak.github.io/bootstrap/index.html 바로 여깁니다. 부트스트랩 배포사이트인 것 같기도 하구요. 영어로 된 걸 한글로 잘 번역해놓은 사이트 같습니다. 아믛든, 부트스트랩을 사용한다면 아주 유용한 사이트인 건 확실합니다. 2015. 12. 29.
[부트스트랩] Bootstrap 테마 장터 - wrapbootstrap.com http://wrapbootstrap.com/ 부트스트랩 테마 장터가 있네요. 별 생각없이 클릭해서 구경해 봤는데 정말 내가 원하는 모든 UI가 이곳에 다 있네요. 힘들게 다 구현하는 것보다는 유료라 하더라도 구입해서 사용하는 게 모든 면에서 훨씬 효율적이라고 생각이 됩니다. 한번 구경들 해보세요~~~ 2015. 10. 27.
[부트스트랩] Bootstrap 예쁜 테마사이트 - bootswatch.com http://bootswatch.com/ 부트스트랩에서 지원하는 컴퍼넌트들을 테마별로 보여주는 곳입니다.개인적으로 마음에 들어서 링크해 봅니다. 2015. 10. 27.