奇怪的形状 Pace.js

Question

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

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 theme 假定 box-sizing 属性设置为 content-box，所以当属性设置为 border-box 时布局有点破（尤其是 twitter bootstrap)。我明确地添加了 box-sizing: content-box 现在它可以工作了。

希望对您有所帮助

奇怪的形状 Pace.js

Weird Shape Pace.js

javascript

css

twitter-bootstrap-3

pace.js