2017-03-13 7 views
0

現在、カスタムバージョンのBootstrap 3.3.7を使用しています。具体的には、@grid-float-breakpoint@screen-sm-minから@screen-md-minに変更しました。これにより、ナビゲーションバーが2行に溢れるのを防ぐことができます。CDNからロードした後にブートストラップブレークポイントを変更する

質問:私はCDNを利用できないので、このカスタムバージョンを使用したくありません。 CDNバージョンをロードしてこの変更を行う方法はありますか?

(また、私はブレークポイントを変更することなく、ナビゲーションバーに波及を回避する方法を見つけ出すことができなかった、それを行うには良い方法上の任意のアドバイスをいただければ幸いです。)

答えて

0

CSSは階層的である、そうであれば編集したCSSを別のスタイルシートに書き込んだり、CDNから引っ張った後にhtmlにリンクしたりすると、編集が優先されます。

+0

これは良い提案です。これらはあまり変数ではないので、コンパイルされたファイルのカスタマイズされたカスタマイズされていないバージョンでdiffを実行し、新しいCSSスタイルシートに何を入れる必要があるかを見ていきます。 – nmit026

+0

変更する必要があるのは、@media(min-width:768px){CSS rules goes here} 'という形式のメディアクエリです。 992pxに変更する必要があります。しかし、変更されたルールを新しいファイルにコピーしてブートストラップ後にリンクすることで上書きするだけでは、両方のルールが適用されていると思います。 – nmit026

+0

@ nmit026残念ながら、メディアクエリの幅が変更される必要があるので、私はあなたが正しいと思う、私の方法は動作しません。以前に定義されたメディアクエリを削除または変更する方法はわかりません。私は回避策を考えようとしますが、おそらくあなたの最善の策はおそらくCDNを使用しないことだと思います。私はそれがあなたのサイトに外部の依存関係を持ち、CDNがダウンしたときにあなたがちょっと酔っぱらっているので、運用環境にCDNを使わないほうが良い方法だと言います。 – Phil

関連する問題