html - 如何从 Twitter 的 Bootstrap 创建下拉箭头？

Question

我检查/使用 Twitter Bootstrap 已经有一段时间了。我喜欢他们所做的事情，但更重要的是，我喜欢了解我所做的事情。

用 Chrome 的检查器检查下拉箭头后，它似乎实际上是一个 ↓ html 实体。我一直在尝试重现这一点，但没有成功。我得到一个丑陋的箭头，而不是简单的三 Angular 形。

要重现它，至少要使用哪些 CSS 属性？

PS:链接到 jsFiddle试图重现它。

Answer 1

这是一个 working example .

您不需要在 HTML 中添加额外的 ↓ 并且 border-color 是 white，使其在白色上不可见你非常人性化的眼睛的背景。