将图标添加到Bootstrap选项卡

Question

这看似微不足道，但我试图在引导标签中添加一个图标，但我遇到了样式问题。

寻找具有以下内容的CSS解决方案：

1. 图标必须浮动到链接的右侧。

2. 不能将图标放在锚标记内，它们必须保持在同一级别。

   <a></a><i></i>
   

   jsfiddle

如果有人能解决这个问题，我们将不胜感激。

Answer 1

由于Bootstrap会在标签a内设置li样式，因此您必须重新设计标签，以便将样式应用于a，而不是li。

如果你不能这样做，那么你应该将图标包裹在a内。

您可以尝试添加：

display: inline-block;

到a标记内的li。

nav>li>a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}