Css 我应该导入哪些.less文件才能开始使用Twitter引导?
我创建了一个自定义的.less文件。我应该导入哪些文件(@import)才能开始使用引导Css 我应该导入哪些.less文件才能开始使用Twitter引导?,css,twitter-bootstrap,less,Css,Twitter Bootstrap,Less,我创建了一个自定义的.less文件。我应该导入哪些文件(@import)才能开始使用引导 如何开始使用Bootstrap和LESS??我找不到任何教程…您可以从下载无引导文件 每个文件的名称通常与其对应的组件相同,请检查 因此,您可以导入需要的文件 希望这有助于克隆或下载Twitter引导存储库的内容: 然后导入less/bootstrap.less,以及可选的less/responsive.less。这样,Twitter引导定义的所有mixin和变量都可以在您自己的LESS文件中使用。您只需要
如何开始使用Bootstrap和LESS??我找不到任何教程…您可以从下载无引导文件 每个文件的名称通常与其对应的组件相同,请检查 因此,您可以导入需要的文件
希望这有助于克隆或下载Twitter引导存储库的内容: 然后导入
less/bootstrap.less
,以及可选的less/responsive.less
。这样,Twitter引导定义的所有mixin和变量都可以在您自己的LESS文件中使用。您只需要一些东西:
- Bootstrap的.css和.js文件
- less.js文件
- jquery.js
<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>
由于没有更少的CDN,因此您需要下载Less.js文件,然后通过静态介质将其与自定义的.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">
这里是我的建议,在你试图用Bootstrap编译更少的代码之前,先把这个文件夹放在一边,创建一个测试项目来减少工作量。这样开始:
npm install less-g
,然后按enter键在计算机上“全局”安装less@backgroundColor:#900代码>
.block {
background: @backgroundColor;
}
保存文件,然后关闭它
现在,再次在命令提示符中键入以下命令:
lessc——编译styles.less>styles.css
如果一切正常,您应该看到文件styles.css。打开它并确认文件中存在有效的css
如果这样做有效,打开Bootstrap文件夹并找到less文件夹,您将找到一个名为Bootstrap.less的文件。使用我在bootstrap.less中描述的过程。这应该给你一个领先的开始