css – Twitter Bootstrap和更少的文件

前端之家收集整理的这篇文章主要介绍了css – Twitter Bootstrap和更少的文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我编写了一个Landing页面,只是为了尝试使用Less文件的Twitter Bootstrap.
我不确定我是否按照应有的方式组织了较少的文件.

在我的index.html的head部分:

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

这里是我bootstrap.less的内容

@H_403_5@// 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你看到了登陆页面

解决方法

如何组织文件完全取决于您,但这是我在开发过程中通常如何做到的: @H_403_5@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,并通过观察者或按需编译lesscss.

原文链接:https://www.f2er.com/css/242134.html

猜你在找的CSS相关文章