奇怪的形状Pace.js

Question

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

https://jsfiddle.net/6pkq5egd/

Apache tile配置

    <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

显然这是一个错误，

由于中心雷达主题假设box-sizing属性设置为content-box，因此当该属性设置为border-box时（特别是使用twitter bootstrap），布局会有点破碎。我明确地添加了box-sizing：content-box，现在它可以工作了。

希望这可以提供帮助