Css Bootstrap 4自定义生成生成器/下载

Css Bootstrap 4自定义生成生成器/下载,css,twitter-bootstrap,customization,bootstrap-4,beta,Css,Twitter Bootstrap,Customization,Bootstrap 4,Beta,是否有人知道alpha/beta bootstrap 4自定义生成器,该生成器与bootstrap 3在上提供的相同 仍然不可用 如前所述,Bootstrap4将没有定制程序。这意味着您需要为自己设置构建工具 这是我的工作流(在节点中): 创建新项目:npm init-y 安装引导程序:npm i引导程序 安装构建工具:npm i scss powertools-D(除了编译scss之外,scss powertools还自动处理linting、前缀和缩小。披露:我是该工具的作者。如果愿意,您还可

是否有人知道alpha/beta bootstrap 4自定义生成器,该生成器与bootstrap 3在上提供的相同

仍然不可用

如前所述,Bootstrap4将没有定制程序。这意味着您需要为自己设置构建工具

这是我的工作流(在节点中):

  • 创建新项目:
    npm init-y
  • 安装引导程序:
    npm i引导程序
  • 安装构建工具:
    npm i scss powertools-D
    (除了编译scss之外,scss powertools还自动处理linting、前缀和缩小。披露:我是该工具的作者。如果愿意,您还可以使用
    node sass
    或任何其他sass编译器。*)
  • SCSS
    文件夹(项目根目录)中创建一个SCSS文件,例如
    SCSS/name.SCSS
  • 在SCSS文件中,使用
    @import“Bootstrap/SCSS/Bootstrap”导入引导或根据需要导入
  • 将新脚本添加到
    package.json
    “build”:“scss powertools scss/name.scss dist/compiled.css”
  • 运行
    npm Run build
    ,您将在
    dist
    文件夹中找到编译好的CSS
  • 在HTML中引用构建的CSS文件:)

  • 注意缩小。要启用它,请使用构建脚本中的
    --production
    标志。你可以找到所有的选择

    构建引导的完整设置可以在本文档中找到


    *可以找到使用
    节点sass的手动方法。

    好问题!正如您所指出的,Bootstrap3有一个自定义页面

    您可以使用此生成工具:。我不确定这是BS3自定义页面的替代品还是新的东西。它看起来像一个不错的编辑器

    或者,您可以使用SASS构建Bootstrap4的自定义版本

    此链接提供有关制作主题的更多信息:

    看起来引导团队不会像v3那样提供定制程序

    正如在其他答案中提到的,存在并具有非常好的UI,可以访问大多数变量和选项。不幸的是,它的更新速度似乎不如引导团队发布更新的速度快

    是另一个选项,但没有给出使用哪个v4版本的任何指示。它只能有限地访问变量和选项

    提供对所有变量和选项的完全访问,并随v4版本保持最新。它不像bootstrap.build那样是一个好的UI,但它可以工作


    (披露:我创建了bootstrapcustomizer.compoutpost.com)

    这是我所知道的bootstrap4中唯一的一个:也有这个完整的。这不是一回事。版本3自定义程序允许您选择要包含的组件,而不仅仅是整个内容的主题。仅供参考,我的团队正在使用SASS,并使用Visual Studio中的Web编译器将SASS构建到CSS文件中。效果很好。这使您可以非常轻松地创建自己的BS组件,甚至可以使用诸如*-primary、*-success、*-info等“变体”。是的,我刚刚引入了引导,它打破了一个复杂的电子表格组件,因此对于该页面,我只需要引导按钮,因为我不太懂Bootstrap,所以我不知道如何编译我自己的version@PaulTaylor你不需要自定义构建。只要根据需要使用css即可。下次你应该点击提问,这样评论就不会被与问题没有直接关系的内容所占据。祝您今天过得愉快!谢谢你的指导!