奇怪的形狀Pace.js

Question

剛剛安裝了speed.js和progressThemeRound.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，現在可以使用了。

希望這會有所幫助