【问题标题】:How to keep Twitter Bootstrap customization with Bower?如何使用 Bower 保持 Twitter Bootstrap 自定义?
【发布时间】:2013-03-01 09:51:43
【问题描述】:

我正在与yeoman 合作一个项目,其中包括用于自动化的grunt 和用于客户端包管理的bower。我的项目的依赖项之一是SASS twitter-bootstrap

在我手动管理依赖更新的其他项目中,我直接在Bootstrap variables.less_variables.scss)文件中更改了Bootstrap的值,并在项目自己的@987654330下的main.less文件中扩展它@ 文件夹。我在这里做了同样的事情,但是当我使用 Bower 安装其他软件包时,它会覆盖所有内容(我“取消了 .gitignored”我的组件文件夹,感谢上帝)

在组件文件夹之外自定义 Bootstrap 以使其不再发生的最佳方法是什么?

【问题讨论】:

    标签: twitter-bootstrap customization bower


    【解决方案1】:

    您不应该修改bower_components 文件夹的内容。我们会确保更清楚地说明这一点。

    至于你的问题。将_variables.scss 文件从bower_components 文件夹复制到例如。 app/styles,然后将其导入到您的 main.scss 或任何名称中,在引导程序的导入语句上方。这将导致您的自定义文件覆盖默认变量。

    【讨论】:

    • 既然你提到了@import-overrides 技巧,它似乎很明显 XD
    • 我不知道是否发生了一些变化,但我发现将覆盖 _variables 文件的 import 语句放置在 Bootstrap 导入 above 上,而将其放在下面却没有。
    • 这是否意味着当使用引导程序作为凉亭组件时 _variables.scss 是我应该覆盖的唯一文件?如果我需要更改该文件中的内容以外的内容怎么办?或者,如果我需要更改其他内容,我什至可能根本不需要引导程序?
    • @sindre-sorhus - 如果我不想在最终的 css 输出中包含所有引导组件该怎么办github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/…
    • 我现在明白了为什么我们必须在需要时使用!default 语句。谢谢。
    猜你喜欢
    • 1970-01-01
    • 2012-11-28
    • 1970-01-01
    • 2015-05-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多