2017-11-16 23 views
0

私が1024pxに、ブラウザの幅を設定した場合、次のブートストラップのコンテナのルールが適用されている:奇妙なブートストラップコンテナブレークポイントの動作

@media (min-width: 768px) 
.container { 
    width: 750px; 
} 

私が1092pxに、ブラウザの幅を拡張する場合は、次のブートストラップのコンテナのルールが適用されています。

.container { 
    margin-right: auto; 
    margin-left: auto; 
    padding-left: 15px; 
    padding-right: 15px; 
} 

@media (min-width: 992px) 
.container { 
    width: 970px; 
} 

は、コンテナに適用される他のCSSルール、単に標準のブートストラップルールはありません

ブラウザの幅が1024pxで、min-width: 992pxのルールが適用されない理由を誰にでも教えてもらえますか?

+0

閉じ括弧を開く忘れると思う: @media (最小幅:992px) 。容器{ 幅:970px; } –

答えて

2

私はこれは私が少なくとも1092年に、ブラウザの幅を拡張する場合は、次のブートストラップのコンテナルールが適用される一致していないあなたの質問を再確認してくださいあなたは{}

@media (min-width: 768px) { 
      .container { 
       width: 750px; 
       background: yellow; 
      } 
     } 

     @media (min-width: 992px) { 
      .container { 
       width: 970px; 
       background: red; 
      } 
     }