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

标签 html css twitter-bootstrap

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

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

要重现它,至少要使用哪些 CSS 属性?

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

最佳答案

这是一个 working example .

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

关于html - 如何从 Twitter 的 Bootstrap 创建下拉箭头?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8663265/

相关文章:

html - 如何删除导航栏上的空白

html - 初学者如何运行 .aspx 文件

javascript - IE 不允许动态创建的 DOM 'a' 元素上的 onClick 事件

twitter-bootstrap - 使用 bower 安装 sass 版本的 twitter bootstrap

html - 是否存在类似 <a href ="fax:number">number</a> 的内容?

html - 在页面中将标签和输入居中

html - 如何在 Firefox 中隐藏 &lt;input type ="date"> 的弹出日历?

javascript - 将旋转木马右滑应用于按钮

html - 无法在内容垂直/水平居中的全高页面上保持响应行为

html - 为什么 HTML Canvas 图像出现像素化?