如何使用深色渐变而不是白色来设置导航下拉菜单?

时间:2013-07-25 06:55:51

标签: css css3 twitter-bootstrap

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

如果是这样,怎么能实现呢?

1 个答案:

答案 0 :(得分:1)

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

我明确地建议,当某些内容没有附带引导程序时,并不意味着您无法使用自己的样式表扩展它。

确保在所有其他样式的底部添加样式(最好是在新的样式表中,这样就不会修改库存引导文件)。

这是一个用黑色代替白色的下拉小提琴。

jsFiddle:Demo

注意我是如何将.mainNav添加到<ul class="nav nav-tabs">以便为此导航设置特定挂钩,以防您不希望您的样式级联到您网站上的所有下拉列表。< / p>

这里最重要的是要记住,仅仅因为它没有带有引导程序的库存并不意味着你不能扩展它...尝试寻找股票是好的,但如果你找不到然后制作它,并以有组织的方式制作它。

最后但并非最不重要的是,我认为值得一提的是,是的...在某些情况下,您可以使用.navbar-inverse类(例如制作黑色导航栏)或按钮{ {1}},但在这种特殊情况下,我认为bootstrap没有任何可以让你反转该特定元素颜色的东西。