css - 如何使用深色渐变而不是白色来设置导航下拉菜单的样式？

Question

是否可以应用类或自定义样式来使白色导航下拉菜单看起来像引导程序中的这个渐变工具提示，http://www.bootply.com/68688（将鼠标悬停在链接上）而不是采用普通的旧白色背景？

如果是这样，如何实现？

Answer 1

这个问题有点难以理解，但我认为如果我和你在同一页上，你希望导航的下拉菜单使用任何其他颜色而不是白色。

我在这里明确建议，当某些东西没有随 bootstrap 一起发布时，这并不意味着你不能用你自己的样式表来扩展它。

确保将您的样式添加到所有其他样式的底部（最好在新样式表中，这样您就不会修改库存引导文件）。

这是黑色而不是白色的下拉菜单的小提琴。

jsFiddle：演示

请注意我是如何添加.mainNav到的<ul class="nav nav-tabs">，以便在此导航中有一个特定的钩子，以防您不希望您的样式级联到您网站上的所有下拉菜单。

这里的主要事情是要记住，仅仅因为它不附带引导程序并不意味着你不能扩展它......尝试寻找库存很好，但如果你找不到它然后做它，并以有组织的方式进行。

最后但并非最不重要的一点是，我认为值得一提的是，是的......在某些情况下，您可以使用.navbar-inverse类（例如制作黑色导航栏）或按钮.btn-inverse，但在这种特殊情况下，我没有不要认为引导程序附带任何可以让您反转该特定元素的颜色的东西。