javascript - 奇怪的形状 Pace.js

Question

刚刚安装了 pace.js 和 paceThemeRound.css(中心雷达主题)，我得到了一个奇怪的形状，如下图所示。问题是由于脚本与 bootstrap.min.css 冲突。如果我将它从我的网站上删除，它工作正常。

https://jsfiddle.net/6pkq5egd/

Apache 磁贴配置

    <put-list-attribute name="stylesheets_top">
        <add-attribute value="/static/public/css/bootstrap.min.css" />          
        <add-attribute value="/static/protected/css/global.css" />
        <add-attribute value="/static/protected/css/header.css" />
        <add-attribute value="/static/protected/css/footer.css" />
        <add-attribute value="/static/protected/css/paceThemeRound.css" />
    </put-list-attribute>

关于如何修复它有任何想法吗？

Answer 1

显然这是一个错误，

由于 center radar 主题假定 box-sizing 属性设置为 content-box，因此当该属性设置为 border-box 时布局有点破损(尤其是使用 twitter bootstrap)。我明确地添加了 box-sizing: content-box，现在它可以工作了。

希望对你有帮助