Twitter引导插入符大小 [英] Twitter bootstrap caret size
问题描述
我有这样的插入符号:
<a class="dropdown-toggle" data-toggle="dropdown" href="#mylist"
style="display:inline-block;padding-left:0px;">
<b class="caret"></b>
</a>
是否可以通过CSS或其他方式使此插入符号变大.
Is it possible to make this caret bigger with CSS or etc.
推荐答案
插入符号是css伪元素,并使用透明元素的边框构造.查看答案-如何构建Twitter Bootstrap上的插入符?给出了更好的解释和有用的链接.
The caret is a css psuedo element and constructed using the borders of a transparent element. See the answer at - How is the caret on Twitter Bootstrap constructed? which gives a much better explanation and useful links.
要回答您的问题,您可以创建一个新的CSS类/覆盖.caret
以将边框增加到所需的大小.
To answer your question, you can create a new css class/overwrite .caret
to increases the borders to your required size.
.caret {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000000;
}
增加px
大小以获得所需的大小.请记住,如果要等边三角形,则三个值应相同.
increase the px
size to get the required size. Keep in mind that the three values should be the same if you want an equilateral triangle.
这篇关于Twitter引导插入符大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!