在旋转木马标题中放置链接会导致旋转木马在幻灯片2上消失

时间:2014-12-09 22:45:45

标签: twitter-bootstrap

html5和Bootstrap 3相当新,但试图让我的电子商务网站响应。非常神秘的东西。这里的问题是,只需在我的轮播标题中添加一个链接就会导致第二张幻灯片在循环过程中消失然后停止。要查看此内容,请单击http://www.abundant-yarns.com,查看旋转木马在那里工作正常,然后单击左侧导航栏上的蓝色链接,“显示带链接的轮播的页面”。您将转到仅包含链接的轮播标题的第二行不同的页面。在那里,当幻灯片1转换时,幻灯片2无法显示。查看2页边的源代码,我看不出任何区别。另外我只是注意到在旋转木马字幕中有链接似乎会以某种方式导致页脚中的li项目更改为链接颜色并启动链接。 我还注意到,在链接启动后,旋转木马下面的2个div被吸到顶部导航栏下面,因为这些div在第二页上明显更短,并且它们的文本不可见。请给出一些指导。我的目标是在每个旋转木马滑梯上显示活动链接,当然,让旋转木马正常工作。非常感谢。

1 个答案:

答案 0 :(得分:0)

从哪里开始?在你的样式表下......你的旋转木马标题颜色:黑色没有用分号封闭。同样适用于#myCarousel .item {height:400px} ....这很可能是您的问题发生的地方。对于任何@media查询,您也没有在旋转木马高度上包含分号。您必须确保使用分号关闭css属性。如果他们不是那么你的css的其余部分也将是不正常的。这是一个很好的起点。你的CSS中也有拼写错误,例如fopnt-aize:24px;精细梳理样式表。修复这些错误,然后让我知道你是否还有同样的问题