css - 将 .less CSS 定义包装在命名空间中

Question

我只想在我网页的特定元素中使用 twitter bootstrap CSS。

我试着像下面的代码那样做。但是在将其编译为 css 文件后，没有任何输出。如果我将 @import 移到 #my_div 之外，那么我将获得 twitter boostrap 的所有 css 定义。

#my_div {
    @import "../twitter_bootstrap/lib/bootstrap.less";
}

如何命名less css 文件？

Answer 1

我没有使用 less在实时站点上，我也没有手动进行编译，所以这是一种“简单”版本。它不像其他的那样自动化，但可能适用于某些用户。

1. 编辑 bootstrap.css/bootstrap-responsive.css

   .tb {
     // copy/paste the entire bootstrap.css
   }
   

2. 使用 less 重新编译或使用在线 less 编译器 - http://winless.org/online-less-compiler

3. 编辑现在编译的文件并更改body {} CSS 声明 tb {} .

4. 使用新的 CSS 文件。

5. 将您的“自举”内容放在 <div class='tb'></div> 中