클라이언트 부트 스트랩 부분은 한계

Question

여러분,

나는 내 웹 사이트에 문제가있어 '초과' 버튼을 클릭하십시오.

15, 17, 19 인치 모니터에서 사이트를 열면 모두 정상입니다. 승인!

휴대 전화에서 열 때도 좋습니다. 부트 스트랩은 잘 작동하고 이전 4 × 4 있던 16 엄지 손가락을 ... 작은 세포 화면에 맞게 2X8에 전달 :이 링크처럼

을 : http://mobiletest.me/iphone_5_emulator/?u=http://clubedebeneficiosunilife.com.br

그것은 너무 완벽하다. http://mobiletest.me/ipad_mini_emulator/?u=http://clubedebeneficiosunilife.com.br

섹션 'Destaques'2X8에서 엄지 손가락을 표시하고 (올바른)하지만 그는 내부 유지해야한다고 흰색 배경으로 컨테이너를 외삽한다주의 : I 태블릿을 열 때

내 문제입니다.

타블렛의 해상도가이 문제를 일으키지 않도록 CSS를 어떻게 수정할 수 있습니까?

나는 많은 경험이 없으며, 이것을 해결하는 데 많은 어려움을 겪고 있습니다.

미리 감사드립니다.

Answer 1

후자는 고정 폭과 고정 폭 컨테이너 내에서 고정 폭 컨테이너를 배치 할 때이 때문에 100%

로 설정되어 container-fluid 같은 모든 패딩,의 오버플로 당신은 정말, 대신 container의 container-fluid 클래스를 사용한다

문제의

<div class="container-fluid"> 
    <h2 class="left">Destaques</h2> 
    ... 
</div> 

데모 :

.container, .container-fluid { 
 
    border: 1px solid red; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <h1>.container</h1> 
 
    <div class="container"> 
 
    <h2>.container</h2> 
 
    <div class="container"> 
 
     <h3>.container</h3> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr> 
 
<div class="container"> 
 
    <h1>.container</h1> 
 
    <div class="container-fluid"> 
 
    <h2>.container-fluid</h2> 
 
    <div class="container-fluid"> 
 
     <h3>.container-fluid</h3> 
 
    </div> 
 
    </div> 
 
</div>

jsFiddle : https://jsfiddle.net/azizn/8tkLtjya/