添加箭头到下拉药片twitter bootstrap？

问题描述

我有twitter启动下拉按钮成功工作，但我有一个小问题。黑色导航栏位于此处：

I got the twitter bootstrap dropdown buttons successfully working, but I have a tiny problem. The black navbar here:

当下拉菜单打开时，它有一个整洁的小箭头，对不对？好吧，我在下面使用药丸，他们没有那个箭头。似乎只有在使用导航栏时才包括箭头，我不需要。

It has a neat little arrow when the dropdown opens, right? Well, I'm using the pills right below and they don't have that arrow. It seems the arrow is only included when using the navbar, which I don't need.

有没有人想出一种方法来添加箭头到药丸？ ：（

Has anyone figured out a way to add the arrows to the pills? :(

推荐答案

假设你指的是点击菜单项时指向上方的白色箭头，重新寻找是在3986在bootstrap.css：

Assuming you're referring to the white arrow that points upward when a menu item is clicked, the style you're looking for is on line 3907 in bootstrap.css:

.navbar .dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

您可以尝试复制此样式并删除样式声明的 .navbar 部分并修改它以适合您的代码。

You can try copying this style and removing the .navbar portion of the style declaration and modify it to fit your code.

这篇关于添加箭头到下拉药片twitter bootstrap？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！