3

Bootstrapを特定のdivに適用しようとしています。これを行うために、BoostrapLESSファイルを次のようにインポートしています。

.bootstrap_wrap {
    @import 'bootstrap/bootstrap.less'; 
    @import 'bootstrap/responsive.less';    
}

ただし、そうすることでメディアクエリが壊れるようです。

Boostrap CSS内のメディアクエリを壊さずにBoostrapを選択的に適用する方法はありますか？

4

1 に答える 1

0

これをコンパイルしているのか、less.js を使用しているのかは明確ではありません

エラーなしで (Codekit を使用して) コンパイルでき、結果は良好に見えます。パスが正しいことを確認してください。

新しいbootstrap_wrap.lessファイルを作成すると

.bootstrap_wrap {
@import 'bootstrap.less';
@import 'responsive.less';

}

他のブートストラップの少ないファイルと同じディレクトリに配置してからコンパイルすると、次の結果が得られます:
bootstrap_wrap.css

結果は有望に見えます。たとえば、次のように表示されます。 

@media (max-width: 767px) {
.bootstrap_wrap #footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}

幸運を！

于 2012-12-27T14:06:47.613 に答える