【问题标题】:How to implement the small arrow at a twitter bootstrap subnav' dropdown如何在 twitter bootstrap subnav 下拉菜单中实现小箭头
【发布时间】:2012-07-28 20:39:36
【问题描述】:

我已经使用模式成功地在引导程序“subnav”(取自 docs.css)中实现了一个下拉菜单。

问题在于小箭头(不是插入符号,而是白色箭头,它将 div/modal 与链接“连接”。)。

我设法渲染了箭头(使用 ':after'),但不明白如何隐藏/切换它,因为它在标准导航栏下拉菜单中工作。

不关心模态框的位置(使用 fiddle 'show' 看起来与预期的一样)。

小提琴(表演):http://jsfiddle.net/MDtCg/5/show/

提前致谢!

【问题讨论】:

    标签: css drop-down-menu twitter-bootstrap modal-dialog pseudo-class


    【解决方案1】:

    两个简单的 CSS 更新就可以了:

    a strong.caret {
     display: none;   
    }
    
    a:hover strong.caret {
     display: inline-block;   
    }
    

    【讨论】:

    • 澄清:我不是指插入符号,而是将 div/modal 与链接“连接”的白色箭头。还是谢谢
    • 您是指“单击此处”旁边的箭头还是单击“单击此处”时出现的框的箭头? :-)
    • 我的意思是单击“单击此处”时出现的框箭头。请检查您在框中看到的消息。现在应该更清楚了。谢谢!
    猜你喜欢
    • 2014-04-24
    • 2016-11-29
    • 2013-07-26
    • 2012-02-21
    • 2021-06-06
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    • 1970-01-01
    相关资源
    最近更新 更多