【问题标题】:Placing a link in carousel caption causes carousel to disappear on slide 2在轮播标题中放置链接会导致轮播在幻灯片 2 上消失
【发布时间】:2014-12-10 08:03:07
【问题描述】:

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

【问题讨论】:

    标签: twitter-bootstrap


    【解决方案1】:

    从哪里开始??在您的样式表下...您的轮播标题 color:black 没有用分号关闭。 #myCarousel .item {height: 400px} 也是如此......这很可能是您出现问题的地方。对于任何@media 查询,您也没有在轮播高度上包含分号。您必须确保用分号关闭您的 css 属性。如果不是,那么您的其余 css 也将不正常。这是一个很好的起点。你的css也有错别字,比如fopnt-aize: 24px;精细梳理您的样式表。修复这些错误,如果您仍然遇到同样的问题,请告诉我

    【讨论】:

    • 我明白了。我正式改名为 McGoo 先生。我会修复它并让你知道。麦古
    • 这将是“官方” 8^{
    • 哈哈!是的,让我知道
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-24
    • 1970-01-01
    • 2021-07-24
    • 2016-08-29
    相关资源
    最近更新 更多