Bootstrap4ページの最小幅を設定してスクロールを表示

Question

私はウェブサイトを作成していますが、それは完全には反応しません。
ページ全体の最小幅を1000pxに設定し、画面幅がこれより小さい場合は水平スクロールバーを表示します。私が使用してみました：

@media (max-width: 1000px) { 
    body { 
    min-width: 1000px !important; 
    } 
} 

しかし、それは働いていない、スクロールバーが表示されますが、私のdiv要素がめちゃくちゃ取得します。ブートストラップ4を使用しています。この動作を強制する方法はありますか？

もちろん、私は応答性の高いサイトを後で作成しますが、モバイルとタブレットでこれを達成したいと考えています。現在、1000px以下のnavbarは完全に壊れています。

EDIT：例は、私のナビゲーションバーコードでcodepen 992pxの下でそれが壊れます：https://codepen.io/anon/pen/vJgGma

Answer 1

あなたのナビゲーションバー内の要素はいつも、彼らはあなたが何をすべきかに関係なくラップするつもりだ992px以下の100％の幅を打ちます。

1000ピクセル幅のままにしたい場合は、nav要素の幅を992未満に定義する必要があります。 100％に等しいパーセンテージに設定してみてください。うまくいくはずです。