>  기사  >  웹 프론트엔드  >  부트스트랩의 원리는 무엇입니까?

부트스트랩의 원리는 무엇입니까?

藏色散人
藏色散人원래의
2019-07-13 11:09:287741검색

부트스트랩의 원리는 무엇입니까?

그리드 시스템의 구현 원리는 컨테이너의 크기를 정의하고 이를 12등분으로 나눈 다음(24개 또는 32개로 나눌 수도 있지만 12개가 가장 일반적임) 내부 및 외부 여백을 조정하고 마지막으로 미디어 쿼리를 결합하여 강력한 반응형 그리드 시스템을 만듭니다. Bootstrap 프레임워크의 그리드 시스템은 컨테이너를 12개의 동일한 부분으로 나눕니다.

부트스트랩의 원리는 무엇인가요

부트스트랩의 구현 원리

용기의 크기를 정의하여 12부분으로 나누어집니다(24부분, 23부분도 있습니다. 12부분을 취하는 것은 고급스럽고 완벽한 의미를 의미하는 12개) 그런 다음 내부 및 외부 여백을 조정하고 마지막으로 미디어 쿼리와 결합하여 강력한 반응형 그리드 시스템을 만듭니다. (값 12는 LESS 코드 소스를 다시 컴파일하여 수정할 수 있습니다.)

1. 적절한 정렬 및 패딩을 제공하려면 데이터 행(.row)이 컨테이너(.container)에 포함되어야 합니다.

2. 행(.row)에 열(.column)을 추가할 수 있지만 열 수의 합은 분할된 열의 총 수를 초과할 수 없습니다. 예: 12.

3. padding (패딩) 열 사이의 공간입니다. 그런 다음 첫 번째 열과 마지막 열에 음수 여백을 설정하여 패딩 효과를 상쇄합니다.

4. 인접한 두 열이 서로 가까워지는 것을 원하지 않으면 오프셋 기능을 사용하세요.

관련 추천: "부트스트랩 튜토리얼"

위 내용은 부트스트랩의 원리는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.