在命名空间中包装一个.css定义

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

我试图像下面的代码那样做。但是在将其编译成css文件后,没有输出任何内容。如果我在@my_div之外移动@import,那么我得到了twitter boostrap的所有css定义。

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

我如何命名空间较少的css文件?

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

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

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

>使用较少的编译或使用在线较少的编译器 – http://winless.org/online-less-compiler
>编辑现在编译的文件,并将body {} CSS声明更改为tb {}。
>使用新的CSS文件。
将您的“bootstrapped”内容放在< div class ='tb'>< / div>

http://stackoverflow.com/questions/8288463/wrap-a-less-css-definitions-in-a-namespace

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:在命名空间中包装一个.css定义