【问题标题】:angularjs ng-repeat bootstrap positionangularjs ng-repeat 引导位置
【发布时间】:2016-09-01 04:22:02
【问题描述】:

我在 angular ng-repeat 中使用 bootstrap tooltip - 没关系,但默认情况下我看不到如何更改实际工具提示的位置它会在图标上方居中弹出,但我希望它与图标左对齐 - 请参阅图片以了解我的意思...

how to change bootstrap tooltip alignment

我不能这样硬编码它,因为它可以在同一行的不同列上使用,所以我不能在 CSS 中说它距屏幕左侧 80 像素...通常(它从来没有那么容易)... :-) 如果您有任何建议...感谢-谢谢

【问题讨论】:

    标签: angularjs position tooltip ng-repeat


    【解决方案1】:

    尝试使用属性“data-placement”,示例:

    <a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
    

    这里 doc 工具提示 Bootstrap: http://getbootstrap.com/javascript/#tooltips

    【讨论】:

    • 嗨,谢谢,但在我的情况下,我将在项目上方显示工具提示,但似乎当您使用顶部/底部“数据放置”时,它实际上将工具提示从中心对齐如果您知道我的意思,该项目?,我希望从项目位置(即:current-item-position-offset:-80px)或其他东西......如果可能的话......
    • 两个选项:1. 创建样式示例:w3schools.com/bootstrap/… 2. 使用指令 angular "angular-ui.github.io/bootstrap/#/tooltip" 并添加带有属性的类 css。示例:您的自定义类:{边距顶部:80px; }
    • ok ...不是懒惰或其他任何事情,但我的 CSS 不是很好(我想我可以避免另一个指令),你有没有碰巧看到过这个问题的一个例子.. 任何机会?
    猜你喜欢
    • 2014-06-11
    • 1970-01-01
    • 1970-01-01
    • 2017-12-22
    • 1970-01-01
    • 2013-11-23
    • 1970-01-01
    • 2014-02-02
    相关资源
    最近更新 更多