Css Twitter引导和更少的文件

我编写了一个登录页，只是为了尝试用更少的文件启动Twitter。 我不确定我是否已按应有的方式组织了较少的文件

在my index.html的头部部分：

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

在我的文件夹“less”中，我有以下文件

• 公用事业
• 实用程序.css
• 无变量
• 变量.css
• 无网格
• grid.css
• 无类型
• 0.less
• 无混音
• 无脚手架
• 重置0.less

它们实际上都是使我的登录页正常工作所必需的，但我不确定这个文件组织是否是最好的解决方案。 我有点困惑，你能帮我一下，告诉我我做得好吗？有没有更好的方法来组织这些文件

---

您可以看到登录页

如何组织文件完全取决于您，但我在开发过程中通常是这样做的：

public/
    css/
        layout.css  (compiled from main.less)
        less/
            main.less  (imports bootstrap/bootstrap.less)
            bootstrap/
                bootstrap.less
                ...etc...

---

通常main.less还导入blog.less、forum.less等文件（取决于网站内容）。此模式允许我在HTML中包含layout.css，并通过观察程序或按需编译LESSCS。

Ok，因此您可以在less文件夹中包含main.less（或bootstrap.less），然后在bootstrap文件夹中包含所有less文件。main.less在css文件夹中编译layout.css，但是它如何在css文件夹中编译css文件呢？你有什么指示吗？在我的例子中，bootstrap.less在同一路径中自动编译bootstrap.css编译文件的最终位置取决于您使用的编译器。例如，SimpLESS允许您为已编译的css设置目标位置和文件名。现在我明白了，我在尝试中没有使用SimpLESS，这就是我提出这个问题的原因。因此，将所有这些较少的文件保存在较少的文件夹中没有什么不好或错误。我这样组织目录的主要原因是，当项目投入生产时，

less/

目录可以通过htaccess轻松限制，或从VC中排除，留给您的是

css/

目录，而且最多只有几个文件（通常是1个），如果您计划自定义引导并经常更新源代码，那么这是一个很好的方法。通常我会坚持使用相同版本的引导源代码，或者合并新版本并手动解决冲突。我喜欢为每个项目修改引导核心，所以更新对我来说不太重要。

public/
    css/
        layout.css  (compiled from main.less)
        less/
            main.less  (imports bootstrap/bootstrap.less)
            bootstrap/
                bootstrap.less
                ...etc...