如何用bootstrap少用?

时间:2013-12-28 03:20:58

标签: css less

有3个文件,less.js,style.less和style.css。到目前为止,我还不明白less.js做了什么。我需要将它包含在某个地方吗?对于style.less,我知道我应该少写它并编译到我的style.css,但是我应该把它包含在我的index.html中吗?

我不理解less.org中的指南。

1 个答案:

答案 0 :(得分:1)

首先,您不需要使用更少的内容来使用Twitter Bootstrap。较少的样式表文件背后的想法。并且由于Bootstraps css如此之大,因此可以减少这个问题。现在关于你提到的文件。

浏览器无法理解*.less个文件。在这种情况下,less.js充当“编译器”  对于*.less个文件

从网站开始:

将.less样式表与rel设置为“stylesheet / less”链接:

<link rel="stylesheet/less" type="text/css" href="styles.less" />

然后从页面顶部下载less.js,并将其包含在页面元素中,如下所示:

 <script src="less.js" type="text/javascript"></script>

从网站结束

他们提到将*.less编译成适当的CSS。他们应该在网站的某处详细阐述的是“为什么要少编译?”

  • 与所有代码一样,较少需要调试
  • 通过命令行编译器运行它可以发现less.js无法
  • 的错误
  • less.js是放在浏览器上的附加文件和处理负载。因此,将*.less编译为*.css可以提高浏览体验

Bootstrap让您可以选择css或更少