レスポンスブートストラップレイアウトの最小幅を設定する

Question

幅が768px以下の場合、ブートストラップレイアウトが反応しないようにしたいと思います。私の現在のアプリケーションHTML/CSSは、https://codepen.io/anon/pen/xXdYNaをご覧ください。私は標準的なBootstrapスタイルのいくつかにいくつかの変更を加えなければならなかったので、ややトリッキーなものになるかもしれません。

@media (min-width: 768px) { 
    .main { 
    padding-left: 250px; 
    padding-top: 89px; 
    } 
} 

ありがとう：

誰も私がここでやっていることに似てCSSオーバーライドを使用することによって、これを達成するためにどのように任意のヒントを持っています！

Answer 1

.container-fluidに768pxの最小幅を与えるのはどうですか？

EDIT：

は私のために働い以下を加える：

.container-fluid { 
    min-width: 768px; 
} 

.main { 
    padding-left: 250px; 
    padding-top: 89px; 
} 

分幅の組み合わせで、あなたの.mainは動作するはずの周りにあるメディアクエリーを削除すると。

https://codepen.io/anon/pen/EwmEXr

Answer 2

@media only screen and (max-width: 768px) { 
.main { 
    padding-left: 0px; 
    padding-top: 0px; 
    } 
}