LESS导入中选择器内的引导媒体查询？

Question

我正在尝试将Bootstrap应用于特定的div。为此，我按如下方式导入Boostrap LESS文件：

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

然而，这样做似乎打破了媒体查询。

有没有办法选择应用Boostrap而不破坏Boostrap CSS中的媒体查询？

Answer 1

我不清楚你是在编译它还是使用less.js

我能够无错误地编译它（使用Codekit），结果看起来很好，只需确保路径正确。

如果我使用

创建一个新的bootstrap_wrap.less文件

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

}

并将其放在与其他bootstrap less文件相同的目录中，然后编译它，结果如下：
bootstrap_wrap.css

结果看起来很有希望，例如我看到：

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

祝你好运！