如何将Bulma文件夹集成和构造到现有的Web项目文件夹中？

Question

Webdev初学者在这里。我已经在一个网站上工作了几周，现在我想开始使用Bulma CSS框架和sass。

我将Bulma https://github.com/jgthms/bulma克隆到了我的项目文件夹中，并且看到Bulma拥有自己的css和sass文件夹。

我应该：

-将我所有的css，php，html，js放入Bulma文件夹中，它实际上已成为我的新项目文件夹吗？

-或者我应该只通过项目文件夹中的Bulma文件夹访问Bulma的文件。

我在网上找不到任何有关Bulma文件/文件夹如何集成到现有项目中的直接信息。

这是我当前的项目文件夹：

我真的不知道组织Web项目的最佳方法，尤其是现在添加框架。我可以看到事情变得很繁琐，并且我想确保自己不会慢慢建立一个草率的项目堆，将来可能会把我搞砸，或者移动文件夹并弄乱相对地址等。

感谢您的宝贵时间， 最好 -乔

Answer 1

在您提到的两个选择之间，第二个是适当的选择。

Best Practice to Organize Javascript Library & CSS Folder Structure

Web project's folders/directories structure - Best practices

人们可以使用多种方式来构造项目文件夹。 Google类似于“网站文件夹结构”，并阅读诸如上述链接之类的资源以获得总体思路。两种常见的方法是按类型和模块/库对文件进行分组。第二种方法是我的建议，也是您的第二选择。

如果您只需要默认布尔玛，只需将bulma.min.css从您选择放置的位置加载到您的网页中即可。因此，在整个软件包中，如果您愿意，该文件实际上是唯一需要保留的文件（也许是LICENSE文件，因为它要求您这样做）。

如果您要自定义布尔玛，则需要创建自己的sass文件，该文件应位于bulma文件夹之外，然后按照customize Bulma文档进行操作。它将与an answer I wrote for a Bootstrap question非常相似。