css - 我应该导入哪些 .less 文件以开始使用 Twitter Bootstrap？

Question

我创建了一个 custom.less 文件。我应该导入哪些文件 (@import) 才能开始使用 Bootstrap？

如何开始使用 Bootstrap 和 LESS？我找不到任何教程...

Answer 1

您只需要几样东西:

• Bootstrap 的 .css 和 .js 文件
• less.js 文件
• jquery.js

将他们链接到您的网站:

要帮助优化您的网站，请利用现有的一些内容分发网络 (CDN)。以下几行将为您提供 Bootstrap 和 jquery。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

由于没有 Less CDN，您需要下载 less.js 文件 here ，然后通过您的静态媒体将其与您的自定义 .less 文件一起提供:

<script type="text/javascript" src="{{ STATIC_URL }}js/less-1.3.0.min.js"></script>
<link rel="stylesheet/less" type="text/css" href="{{ STATIC_URL }}css/custom.less">