Html 倒置插入符号

HTML

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

给我一个插入符号箭头

▼，但我想要一个看起来像
▲

在Bootstrap中是否有用于此的类？如果没有，如何实现这一点？
假设您希望使用类
caret reversed
反转插入符号，以便保留
插入符号类的现有实现

CSS如下所示

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

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

反向

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

您可以为up arrow添加新的css类

<style>
 .caret-up{
    border-bottom: 10px solid #000000;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
  }


.插入{
边框底部：10px实心#000000；
左边框：6px实心rgba（0,0,0,0）；
右边框：6px实心rgba（0,0,0,0）；
内容：“；
显示：内联块；
身高：0；
垂直对齐：顶部；
宽度：0；
}




Demo
有一个内置的引导类，可以附加到插入符号类的父元素

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



它在引导程序2和3中都有效这对我来说很有效：

transform: rotate(180deg);

您可以这样做：

在HTML中：

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

我遇到了这个问题，对我来说最好的解决办法就是编辑bootstrap original的样式，这样我就可以得到我需要的样式

因此，对于每个使用引导的人来说，这里的情况正好相反：

.caret-up {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-bottom: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

使用嵌入的“dropup”类（如Ron在下面提到的）似乎更可取。当然，使用框架已经提供的东西通常更可取，但在这种情况下，必须使用2个
span
元素而不是一个，这可能会使HTML代码膨胀。@TasosK.，
css:
border:Xpx solid transparent；边框底部：Xpx纯黑

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

.caret-reversed{
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.caret-up {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-bottom: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}