我最初的问题是链接多个样式表框架。我的主要选择是Materialize,出于某些原因,我想在一些按钮和其他组件上集成Bootstrap。经过几个小时的绝望研究,我发现自己正盯着css预处理器,例如LESS和SASS。我发现你可以使用这些Badass做动态css。
再花几个小时决定使用哪一个,我最终都没能安装。
到目前为止,我成功地下载了bootstrap-sass,并将其集成到我的项目中,并使用grunt进行了编译(按照以下说明进行操作)。我不知道如何使用它,也不知道从哪里开始。
我在这里找到了一些很酷的参考资料,但这还不足以让我继续前进。
.bootstrap {
@import "/bootstrap.less"
}
我有我的后续问题到帖子:
- 我应该在我的index.php上链接less文件吗
- 我可以使用任何编辑器,用任何更少的编译器编译更少的吗
- 我应该链接编译的less还是创建的css
- 我需要用更少的钱吗
注意:我是一个完全的新手,有LESS和SASS。任何信息都是++。
我个人更喜欢Sass,我经常使用它,即使是用于小型CSS样式表!
这是我的答案:
- 绝对不是!less文件不用于浏览器分析。它仅用于开发目的,即生成一个或多个
.css
文件 - 请随意使用任何您喜欢的编辑器,并使用任何您想要的编译器进行编译。例如,我为Sass使用Scout应用程序
- 您必须仅链接
.css
生成的文件 - 这取决于你的项目和/或你的需求。LESS和Sass非常相似
其他提示:在CodeIgniter应用程序上安装一个资产助手,并在资产文件夹中放置css和less文件。请参阅下面的目录结构:
application
system
user_guide
assets
--css
--less
--js
--img
ecc...
将你的less文件与css文件分开。将css文件与资产助手链接,您将拥有可自动更新的样式!
如果您使用Git,请记住忽略css文件夹并跟踪less或sass文件夹。
我希望你能发现这些提示有帮助!
更新:很遗憾没有人及时回答这个问题!