javascript - 奇怪的形状 Pace.js

Question

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

https://jsfiddle.net/6pkq5egd/

阿帕奇瓷砖配置

    <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 引导程序），布局会有点损坏。我明确添加了 box-sizing: content-box 现在它可以工作了。

希望这能有所帮助