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

Question

有没有人知道alpha/beta bootstrap 4自定义生成器,在自定义和下载时可用于bootstrap 3 ？

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

Answer 1

正如这里所讨论的,Bootstrap 4没有自定义程序.这意味着您需要为自己设置构建工具.这是我的工作流程(在NodeJS中):

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

注意! scss-powertools默认情况下不会缩小.要启用它,请使用该--production标志.您可以在此处找到有关它的所有信息.

可以从这个Gist找到简单的设置.

你可以找到我以前的工作流程在这里.在其中我必须设置从编译到手动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)