부트스트랩 열 사이에 반응형 간격을 추가하는 방법은 무엇입니까?

Bootstrap 열 사이에 간격을 만드는 방법

Bootstrap에서 열 사이에 공백을 삽입하려면 다음 단계를 따르세요.

질문:

어떻게 추가하나요? 간격을 보상하기 위해 열 너비를 자동으로 조정하는 두 열 사이의 공간?

답변:

열을 행 내에서, 그리고 각 열 내에서 래핑합니다. 상위 항목과 너비가 같은 다른 열을 중첩합니다. 열:

<div class="row">
  <div class="col-md-6">
    <div class="col-md-12">Your Content</div>
  </div>
  <div class="col-md-6">
    <div class="col-md-12">More Content</div>
  </div>
</div>

설명:

이 기술은 중첩된 열 사이에 상위 열의 전체 너비를 상속하는 "여백"을 만듭니다. Bootstrap에 내장된 거터는 자동으로 요소의 간격을 균일하게 지정합니다.

예:

[중첩 열 접근 방식을 사용하여 생성된 거터가 있는 간격 열의 이미지]

위 내용은 부트스트랩 열 사이에 반응형 간격을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!