在 django-pipeline 中覆盖 Bootstrap

Question

我有一个使用 django-pipeline 包和 bootstrap.css 的 Django 应用程序：

PIPELINE_CSS = {
'myCSS': {
    'source_filenames': (
        'css/bootstrap.css',
        'css/bootstrapoverride.css',

    ),
    'output_filename': 'bootmin.css',
    'variant': 'datauri',
},

}

正如您在上面看到的，我添加了一个附加文件“bootstrapoverride.css”，我希望用它来覆盖 Bootstrap 的某些功能，例如在我的覆盖文件中：

.navbar {
min-height: 100px;
        }

所以我认为这可能有效，但没有发生覆盖，也许使用管道这是不可能的。我想避免直接编辑 bootstrap.css 文件。感谢您在这里提供任何见解。

Answer 1

您可以这样做，但我会以不同的方式设置您的项目。我会有一个vendor 捆绑包和一个单独的company 或project 特定捆绑包。

一个例子看起来像这样；

PIPELINE_CSS = {
'vendor': {
    'source_filenames': (
        'css/bootstrap.css',

    ),
    'output_filename': 'vendor.css',
    'variant': 'datauri',
},
'project': {
    'source_filenames': (
        'css/bootstrapoverride.css',

    ),
    'output_filename': 'project.css',
    'variant': 'datauri',
},
}

然后按此顺序将它们包含在您的 base.html 文件中：

{% stylesheet 'vendor' %}
{% stylesheet 'project' %}