Twitter bootstrap 纯色导航栏推特引导

Twitter bootstrap 纯色导航栏推特引导,twitter-bootstrap,navigation,nav,navbar,Twitter Bootstrap,Navigation,Nav,Navbar,首先,我是bootstrap的新手 我有一个主要问题,当我试图找出我的网站导航栏 我想做的唯一一件事就是把导航栏变成纯黑色加上白色文本。当进入移动屏幕时,按钮应该是相同的。纯黑色,右上角有三条白色虚线 没有梯度 没有阴影 没有额外的花哨的东西在所有 我已经尝试从我自己的样式表中重写bootstrap.css(如之前的一些文章所述),因为我不想弄乱原始的css。但它从来都不起作用,我现在快疯了 任何人都有一个简单的解决方案,那么我洗耳恭听。从a.btn.btn导航栏中删除.btn类似乎可以解决

首先,我是bootstrap的新手

我有一个主要问题,当我试图找出我的网站导航栏

我想做的唯一一件事就是把导航栏变成纯黑色加上白色文本。当进入移动屏幕时,按钮应该是相同的。纯黑色,右上角有三条白色虚线

  • 没有梯度
  • 没有阴影
  • 没有额外的花哨的东西在所有
我已经尝试从我自己的样式表中重写bootstrap.css(如之前的一些文章所述),因为我不想弄乱原始的css。但它从来都不起作用,我现在快疯了


任何人都有一个简单的解决方案,那么我洗耳恭听。

a.btn.btn导航栏中删除
.btn
类似乎可以解决按钮的视觉问题,尽管我只使用您在评论中提供的链接对其进行了测试,不是一个有原始推特引导代码的新页面,我认为你可以用背景图像覆盖任何渐变,阴影或半径更容易,例如:

a,
.btn,
.导航栏内部,
.btn导航栏,
.进展,
.进步吧{
背景图像:无!重要;
}
* {
-网络工具包盒阴影:无!重要;
-莫兹盒影:无!重要;
盒影:无!重要;
文本阴影:无!重要;
-webkit边界半径:0!重要;
-moz边界半径:0!重要;
边界半径:0!重要;
}

如果您希望使其更精确,并且浏览器可能更轻,那么您应该尝试修改较少的混合(或者至少覆盖较少的代码),因为您不必更改
n*∞到处都是行,只有几行(见)

你能告诉我们你试过什么吗?@WouterJ当然可以。这是我得到的最接近的结果,但随后我不得不处理bootstrap.css和bootstrap-responsive.css>导航列表中不应该使用标题(我指的是
div>ul>li>a>h3
)。标题介绍了文本的段落(以及内容列表等),这里是
nav
元素(
nav>ul>li>a
)中的列表项。您想删除整个webiste中额外的花哨内容还是仅删除导航栏?非常类似的问题:谢谢Felipe!此时此刻,我正在用未受破坏的bootstrap.css/bootstrap-responsive.css刷新一页。但不管我怎么做,我似乎都不能让导航条变成黑色。如果你想看,请告诉我。
.navbar inverse.navbar内部{background color:#000000;}
在Firebug中可见,图像编辑器确认整行的背景为黑色。虽然文本有一个
#777
颜色和一个带有一些rgba()值的
文本阴影。但实际上效果非常好!它不会变黑,但我想我能猜出来。谢谢@Sherbrow@hjartstrom您只需更改颜色,然后检查中的
@navbabackground