마진을 어떻게 설정 하시겠습니까?

Question

부트 스트랩으로 div를 설정하려고합니다.

제 문제는 div의 왼쪽과 오른쪽에 여백을 설정해야한다는 것입니다. col-md-10을 사용하면 필요한 여백을 얻을 수 없습니다. 화면이 넓은 경우 10px 이상입니다. 예를 들어

:

이

<div class="col-md-offset-1 col-md-10"> 
    //contents... 
</div> 

------------------------------------- 
| --------- div -------------- 
|10px margin    10px margin 
| |        | 
| |        | 
| ------------------------------- 
------------------------------------- 

사람이 그것을 해결하는 방법에 대한 아이디어가 있습니까? 고마워요!

Answer 1

나는 항상 각 측면에서 margin 값을 10 픽셀로 알고 싶습니다. 당신은 사용자 정의 클래스를 만들고 calc()을 사용할 수 있습니다,이 시도 :

<div class="col-md-offset-1 col-md-10 margin"> 
    //contents... 
</div> 

.margin { 
    margin:0 10px; 
    width:calc(100% - 20px); 
} 

확인이 BootplyDemo

---

또 다른 옵션은 컨테이너에서 사용자 정의 클래스를하고 padding를 사용할 수 있습니다. 시도 :

<div class="container margin"> 
    <div class="col-xs-12"> 
     //contents... 
    </div> 
</div> 

.margin { 
    width:100%; 
    padding:0 10px; 
} 

당신이 예를 들어 다른 크기 클래스 포함 할 필요가 날 것으로 보인다 또 다른 BootplyDemo

Answer 2

메인 콘텐츠 div에 container-fluid 클래스를 사용해야합니다. 이것이 않는 것은

<div class="container-fluid"> 
    <!-- Contents --> 
</div> 

는 반응 형 브라우저의 폭에 따라 크기가 조정 a를 오른쪽 패딩 비트와 왼쪽, 상단과 하단이 가능하며 폭이 컨테이너를 만듭니다.

희망이 도움이됩니다.