Css 我应该导入哪些.less文件才能开始使用Twitter引导?

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文件中使用。您只需要

我创建了一个自定义的.less文件。我应该导入哪些文件(@import)才能开始使用引导


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

您可以从下载无引导文件

每个文件的名称通常与其对应的组件相同,请检查

因此,您可以导入需要的文件


希望这有助于克隆或下载Twitter引导存储库的内容:

然后导入
less/bootstrap.less
,以及可选的
less/responsive.less
。这样,Twitter引导定义的所有mixin和变量都可以在您自己的LESS文件中使用。

您只需要一些东西:
  • Bootstrap的.css和.js文件
  • less.js文件
  • jquery.js
将它们链接到您的站点: 要帮助优化您的网站,请利用现有的一些内容交付网络(CDN)。下面几行将为您提供引导和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>

由于没有更少的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编译更少的代码之前,先把这个文件夹放在一边,创建一个测试项目来减少工作量。这样开始:

  • 下载并安装
  • 创建一个名为“less build”的文件夹,以使其正常工作
  • 在windows中,按住shift键并右键单击(不确定mac是什么),然后选择“在此处打开命令窗口”。键入
    npm install less-g
    ,然后按enter键在计算机上“全局”安装less
  • 现在键入“npm安装较少”以“本地”安装较少。如果一切正常,您应该会在less build文件夹中看到一个名为“node_modules”的文件夹。如果你点击进入节点模块,你会看到一个文件夹,只需要很少的时间
  • 接下来,在less build文件夹中创建一个名为styles.less的文件。在该文件中添加以下代码:
  • @backgroundColor:#900

    .block {
      background: @backgroundColor;
    }
    
  • 保存文件,然后关闭它
  • 现在,再次在命令提示符中键入以下命令:
  • lessc——编译styles.less>styles.css

  • 如果一切正常,您应该看到文件styles.css。打开它并确认文件中存在有效的css
  • 如果这样做有效,打开Bootstrap文件夹并找到less文件夹,您将找到一个名为Bootstrap.less的文件。使用我在bootstrap.less中描述的过程。这应该给你一个领先的开始