クライアントのブートストラップ部分はその限界

Question

皆さん、

私は私のウェブサイト上の悩みを抱えている「を超え」ボタンのそれぞれのためのボタン。

私はモニターでサイトを開くと、15、17、19インチはすべて正常です。 OK！

携帯電話で開いてもいいです。ブートストラップが正常に動作し、前の4x4た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に親指を表示している（正しい）が、それは彼が内部にとどまるべきだと白い背景でコンテナを外挿するされる点に注意してください。私はタブレットを開いたときに

私の問題はあります。

タブレットの解像度でこの問題が発生しないように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/