bootstrap 간결 하고 직관 적 이 며 강 한 전단 개발 구 조 는 웹 개발 을 더욱 신속 하고 간단 한 중국어 네트워크 로 만 듭 니 다.http://www.bootcss.com/ 영문 망:http://getbootstrap.com/ 용기. 유체 배치 용기
container 용기 의 width 는 auto 이 고 양쪽 에 15px 의 padding 만 추가 되 었 습 니 다.
고정 레이아웃 (응답 레이아웃)
container - fluid 용기 의 width 는 장치 해상도 에 따라 생산 변화 해상도 한도 값 w > = 1200 용기 의 width 1170 정도 padding 15 (borderBox 주의) 1200 > w > = 992 용기 의 width 970 정도 padding 15 (borderBox 주의) 992 > w > = 768 용기 의 width 750 정도 padding 15 (borderBox 주의)768 > w 용기 의 width 는 auto 좌우 padding 15 (borderBox 주의)
격자 시스템row col-*-* col-md-4 첫 번 째 매개 변수
lg
md
sm
xs
두 번 째 매개 변수 기본적으로 한 줄 을 12 등분 으로 나 누 어 현재 요소 가 12 부의 몇 점 을 차지 하 는 지 표시 합 니 다.
col-lg-x
col-md-x
col-sm-x
col-xs-x
x 기본 12 레벨
열 오프셋 col - xs - offset - 4 오른쪽 오프셋 4 등분 은 margin - left 로 13 등급 (0 에서 12) 0 시 0% 로 조정 되 었 습 니 다. 열 정렬 col - xs - push - 9 를 오른쪽으로 9 개 밀고 col - xs - pull - 3 을 왼쪽으로 3 개 당 길 때 는 left 로 조정 하고 13 개 등급 (0 에서 12) 0 으로 나 눌 때 는 auto 입 니 다.
pull right， 13 （0 12）
0 auto
응답 식 도구
모 바 일 기기 에 우호 적 인 페이지 개발 작업 을 가속 화하 기 위해 미디어 조회 기능 을 이용 하고 이런 도구 류 를 사용 하면 서로 다른 장치 에 대해 페이지 내용 을 편리 하 게 전시 하거나 숨 길 수 있다.프린터 에 내용 을 표시 하거나 숨 기 는 도구 류 도 포함 되 어 있다.
이러한 도구 류 를 목적 성 있 게 사용 하여 같은 사이트 에 완전히 다른 버 전 을 만 들 지 않도록 한다.반면 이런 도구 류 를 사용 하면 서로 다른 장치 에서 다양한 표현 형식 을 제공 할 수 있다.
pull - left 왼쪽 유동
pull - right 우 부동
용기 와 격자 상자 모형 디자인 의 정교 한 점
container 는 15px 의 padding
을 제공 합 니 다.
row 는 column 이 직접 존재 하 는 용기 입 니 다. row 는 기본 값 으로 최대 12 개의 column 이 있 을 수 있 습 니 다. 동시에 왼쪽 으로 떠 다 니 는 column 의 wrapper 로 서 clearfix 의 성질 을 가지 고 있 습 니 다.또한 row 는 좌우 에 각각 - 15px 의 margin 이 있 고 container 에서 15px 의 padding 을 상쇄 하기 위해 특별한 점 이 있 습 니 다.모든 column 에 도 15px 의 수평 방향의 padding 이 있 습 니 다. colunmn 은 row 에서 만 생존 할 수 있 습 니 다. row 의 margin 은 － 15px 이기 때문에 양쪽 에 있 는 column 은 container 의 경계 에 부 딪 힙 니 다.그러나 colunmn 자체 에 15px 의 padding 이 있어 서 그 내용 이 container 에 닿 지 않 고 서로 다른 column 의 내용 사이 에 30px 의 홈 이 있 습 니 다.열 과 열 사이 에 30px 의 홈 이 있 고 열 과 용기 사이 에 15px 의 홈
이 있 는 것 을 확보 하기 위해 서다. js 플러그 인
접 기 js 플러그 인 축소
carousel 순환 방송 그림 js 플러그 인
affix 고정 네 비게 이 션 js 플러그 인
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
