Bootstrap 4自定义构建生成器/下载

Question

有没有人知道alpha / beta bootstrap 4自定义生成器，同样可用于Customize and download的bootstrap 3？

  

https://getbootstrap.com/docs/4.0/customize/仍然不可用

Answer 1

正如here所述，Bootstrap 4没有自定义程序。这意味着您需要为自己设置构建工具。这是我的工作流程（在NodeJS中）：

1. 使用npm init
创建新项目
2. 使用npm install bootstrap
安装Bootstrap
3. 安装构建工具。为了简化这一过程并且只需要使用一个命令，我们将使用scss-powertools（我是它的作者）。如果你不想使用它，你必须自己设置编译，前缀，缩小（和linting）。 运行：npm install scss-powertools --save-dev
4. 在scss文件夹（项目根目录）中创建SCSS文件，例如scss/name.scss
5. 在SCSS文件中使用@import "bootstrap/scss/bootstrap";导入Bootstrap或根据需要导入individual components
6. 向package.json添加新脚本："build": "scss-powertools scss/name.scss output/compiled.css"
7. 运行npm run build，您会在output/compiled.css中找到已编译的CSS （或者您在构建命令中指定的任何选项）

注意！ scss-powertools默认情况下不会缩小。要启用它，请使用--production标志。您可以找到有关它的所有信息here。

可以从Gist找到简单的设置。

您可以找到我之前的工作流here。在其中我必须设置从编译到手动linting的所有内容。

Answer 2

好问题！正如您所指出的，Bootstrap 3有一个自定义页面。

您可以使用此构建工具：https://bootstrap.build/。我不确定它是否是BS3自定义页面的替代品或新的东西。它看起来像一个不错的编辑器。

或者您可以使用SASS构建自定义版本的Bootstrap 4。

此链接提供有关制作主题的更多信息： https://getbootstrap.com/docs/4.0/getting-started/theming/

Answer 3

看起来Bootstrap团队不会像v3那样提供定制器。

正如其他答案中所提到的，bootstrap.build存在且具有非常好的UI并且可以访问大多数变量和选项。不幸的是，它似乎没有像Bootstrap团队发布更新那样快速更新。

upgrade-bootstrap.bootply.com是另一种选择，但没有说明正在使用哪个v4版本。它只能有限地访问变量和选项。

bootstrapcustomizer.com提供对所有变量和选项的完全访问权限，并与v4版本保持同步。它不像bootstrap.build那样好用，但有效。

（披露：我创建了bootstrapcustomizer.com）