2016-11-05 2 views
1

プロパティを正しく置き換えるには、起点を正しく理解して上書きを実行する必要があります。Chromeデベロッパーツール。 bootstrap.cssファイルに見つかりません。グリッドレスの仮想ファイルに表示されます

私の結果はで "クローム開発者ツールは、Ctrl + Shiftキー+ I" bootstrap.cssファイルにありませんクラス.containerことを示しています。実際のソースは表示されません。どうして?どうすれば修正できますか?

これはgrid.lessファイルに保存されています。そのファイルはなぜですか?存在しないファイルをフォルダ名に要求します。 本当に@includeリクエストはブートストラップに見つかりません。

デモ検索クラス:

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

結果:

grid.less:10

中... CSS /ブートストラップ-3.3.7-distの/ CSS /以下/ミックスイン/ grid.less

.container-fixed(@gutter: @grid-gutter-width) { 
    margin-right: auto; 
    margin-left: auto; 
    padding-left: floor((@gutter/2)); 
    padding-right: ceil((@gutter/2)); // line 10 on grid.less 
    &:extend(.clearfix all); 
} 

答えて

1

Chrome開発ツールは、ブートストラップによって提供されるCSSマップを読み込んでいる可能性があります。 ChromeデベロッパーツールであるとしてCSSが読まれるべきその後あなたの資源からbootstrap.css.mapを削除するか、ChromeデベロッパーツールでCSS地図を無効にすることができますいずれか

Preferences -> Sources -> Enable CSS Source maps

を設定します。

ここでは、Source Mapsとその使用方法について詳しく読むことができます。

関連する問題