Bootstrap 3 열에서 패딩과 여백을 제거하는 방법은 무엇입니까?

Bootstrap 3개 열에서 패딩을 제거하는 방법

Bootstrap 3에서 col-md-* 클래스를 사용하면 오른쪽에 패딩과 여백이 추가됩니다. 그리고 열의 왼쪽. 이 패딩과 여백을 제거하려면 다음 단계를 따르세요.

.col-md-12 대신 .row를 사용하세요.

대신 .row 컨테이너로 열을 래핑하세요. .col-md-12 컨테이너. .row에는 .col-md-12에 있는 추가 여백과 여백이 없습니다.

<div class="container">
    <div class="row">
        <div class="col-md-4">...</div>
        <div class="col-md-8">...</div>
    </div>
</div>

여백과 여백을 제거하려면 사용자 정의 클래스를 추가하세요

특정 열의 패딩과 여백만 제거하려면 해당 열에 사용자 정의 클래스를 추가하세요.

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">...</div>
        <div class="col-md-8 nopadding">...</div>
    </div>
</div>

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

위 내용은 Bootstrap 3 열에서 패딩과 여백을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!