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

Question

对html5和Bootstrap 3来说还是个新手，但我正在努力让我的电子商务网站响应。非常神秘的东西。这里的问题是，简单地添加一个链接到我的旋转木马标题会导致第二张幻灯片在循环期间消失，然后停止。要查看这一点，请单击http://www.abundant-yarns.com，查看那里的旋转木马工作正常，然后单击左侧导航栏上的蓝色链接"Page showing carousel with link“。您将转到一个页面，该页面仅在包含链接的旋转木马标题的第二行中有所不同。在那里，当幻灯片1转换时，幻灯片2无法显示。把两页的源代码放在一边看，我看不出有什么区别。另外，我刚刚注意到，在carousel标题中添加链接似乎以某种方式导致页脚中的li项更改为链接颜色，并启动链接。我还注意到，链接启动后，旋转木马下面的两个div被吸到顶部导航栏下，因为这些div在第二页明显较短，并且它们的文本不可见。请给我一些指导。我的目标是让活动链接显示在每个轮播幻灯片上，当然，也要让轮播正常工作。非常感谢。

Answer 1

从哪里开始？?在你的stylesheet...your旋转木马标题颜色下:黑色不是用分号隔开的。#myCarousel .item {....this:400px}高度也是如此，很可能是出现问题的地方。在@media查询中，您也没有在轮播高度上包含分号。必须确保用分号关闭css属性。如果它们不是，那么你的css的其余部分也会变得不正常。这是一个很好的起点。css中也有一些拼写错误，比如fopnt-aize: 24px；Fine comb your stylesheet。修复这些错误，然后让我知道如果你仍然有同样的问题