在我的index.html的head部分：

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

这里是我bootstrap.less的内容

// Core variables and mixins
@import "less/variables.less"; // Modify this for custom colors,font-sizes,etc
@import "less/mixins.less";

// CSS Reset
@import "less/reset.less";

// Grid system and page structure
@import "less/scaffolding.less";
@import "less/grid.less";
@import "less/layouts.less";

// Base CSS
@import "less/type.less";

// Utility classes
@import "less/utilities.less"; // Has to be last to override when necessary

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

> utilities.less
> utilities.css
> variables.less
> variables.css
> grid.less
> grid.css
> type.less
> layouts.less
> mixins.less
> scaffolding.less
> reset.less

它们实际上是使我的登陆页面工作所必需的,但我不确定这个文件组织是否是最佳解决方案.
我对此感到有点困惑,你能帮助我,告诉我,如果我做得好吗？有没有更好的方法来组织文件？

Here你看到了登陆页面