2015-05-13 43 views
0

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

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> 

就如何解决它的任何想法?

enter image description here

+0

你使用什么代码,你有什么试图解决它? –

+0

我想发布代码,但它一直告诉我,我的帖子主要是代码。顺便说一句,我试图删除我的网页中的所有CSS,以避免任何冲突。 – QGA

+0

@RenePot请参阅我的更新 – QGA

回答

1

显然,这是一个错误,

由于中心雷达主题假定箱大小属性设置为内容框,当属性被设置为边界的布局有点破(特别是与twitter引导)。我明确添加了box-sizing:content-box,现在它可以工作。

希望这可以帮助