颠倒的插入符号

Question

HTML

  <span class="caret"></span>

给我一个插入符号箭头 ▼ ，但我想要一个看起来像 ▲ 的插入符号。

Bootstrap 中是否有可用的类？如果没有，如何实现？

原文由 monda 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有一个内置的引导程序类，您可以将其附加到插入符类的父元素

<span class="dropup">
    <span class="caret"></span>
</span>

它适用于 bootstrap 2 和 3

原文由 Ron 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

假设您要使用类 caret-reversed 反转插入符，以便保留 caret 类的现有实现。

CSS 将如下所示。

 <span class="caret caret-reversed"></span>

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

它适用于 bootstrap 2 和 3。

更新：自 Bootstrap 3.3.2 以来， .glyphicon-triangle-top 和 .glyphicon-triangle-bottom 可用的字形图标可以作为 .caret 的替代品及其版本。

普通的

<span class="glyphicon glyphicon-triangle-bottom"></span>

反转

<span class="glyphicon glyphicon-triangle-top"></span>

原文由 Tasos K. 发布，翻译遵循 CC BY-SA 3.0 许可协议