不带文本的BootStrap DropDown on <a>标签

Question

我正在使用Bootstrap添加一些下拉菜单到我的网站。我的导航栏由锚标签和通过CSS应用的背景图像组成。在这种情况下，Bootstrap下拉菜单似乎不起作用。我能让它工作的唯一方法是在锚标签之间添加文本，在这种情况下，文本将触发下拉列表，而不是锚标签背景图像，正如人们通过正常的CSS :hover伪类所期望的那样。

我的html的一个例子：

<a class="logo_master" href="#" data-toggle="dropdown" role="button"></a>

我的CSS：

.logo_master
{
    display:block;
    background-image:url(../images/logo_master.png);
    background-repeat:no-repeat;
    width:169px;
    height:39px;
}

我也可以通过在锚标签之间添加一个img来让它工作，但我使用的是之前设置的sprite，我想避免创建所有新图像并将它们添加到内联中。

Answer 1

对你的精灵图片使用<i>标签：

<a href="#" data-toggle="dropdown" role="button"><i class="logo_master" /></a>