合并CSS样式表的问题?

时间:2018-04-23 14:20:34

标签: css twitter-bootstrap bootstrap-4

基本上,我想在vertical timeline上托管的项目中使用CodyHouse中的Bootstrap template。我已经迁移了HTML内容,但CSS文件导致了问题。例如:

  • 它会扭曲导航栏和标题间距
  • 时间轴的元素应该有一个反弹动画 - 没有去。
  • 我看不到时间轴的任何文字

如何正确编辑/排列样式表,以便时间轴继承Bootstrap的字体/背景样式,但是从CodyHouse维护动画?

2 个答案:

答案 0 :(得分:2)

有点难以确定您的问题是什么,没有您提供的代码供检查,但....

您确实需要在页面上使用浏览器的检查/页面调试功能,以查看引导程序样式表和垂直时间轴样式表如何对页面执行操作。

Bootstrap拥有自己的默认配色方案,您可以通过查找相应的引导元素然后在自定义样式表中覆盖它们来轻松更改它

如果您要链接到三种不同的样式表(boostrap,时间轴和自定义样式表),那么显然可能存在冲突。让我们对boostrap说吧,它对导航栏和顶部间距做了一件事,而你的自定义css正在做另一件事并影响底部空间 - 看看我的意思?您应该检查这些css文件以确切了解它们的影响。

另外,您使用的是基于bootstrap 4的垂直时间轴插件吗?如果它是围绕bootstrap 3构建的,那么也可能是另一个问题。 BS4仍然相对较新,许多基于BS3的插件可能需要进一步更改。

答案 1 :(得分:0)

查看styles.css中的规则...您可能希望删除一般规则 - 所有那些在主要风格下的规则'然后是资源风格的前几个'它引用标题{...}中的内容。

也不要包含其他样式表,reset.css和demo.css