Css 推特风格';s引导3导航栏
如何使用Less或css更改Twitter引导3中导航栏的样式?使用Css 推特风格';s引导3导航栏,css,twitter-bootstrap,less,twitter-bootstrap-3,navbar,Css,Twitter Bootstrap,Less,Twitter Bootstrap 3,Navbar,如何使用Less或css更改Twitter引导3中导航栏的样式?使用导航栏默认和导航栏反向类提供的不同样式。就像按钮和面板一样,导航栏将有两个类(请参见:)。第一个类(.navbar)将设置结构。第二个类将设置样式。默认情况下,样式设置有两个类:.navbar default和.navbar inverse。要更改导航栏的样式,必须更改这些样式类的样式。实现这一点的最佳方法是使用较少的资源并重新编译引导 少用 .navbar default和.navbar inverse的变量在variable
导航栏默认
和导航栏反向
类提供的不同样式。就像按钮和面板一样,导航栏将有两个类(请参见:)。第一个类(.navbar
)将设置结构。第二个类将设置样式。默认情况下,样式设置有两个类:.navbar default
和.navbar inverse
。要更改导航栏的样式,必须更改这些样式类的样式。实现这一点的最佳方法是使用较少的资源并重新编译引导
少用
.navbar default
和.navbar inverse
的变量在variables.less中设置,并由navbar.less使用。要定义自定义导航栏样式,可以修改.navbar default
或.navbar inverse
的变量,然后重用这些类。如果您不想更改原始代码。创建一个customnavbar.less文件(不要忘记在bootstrap.less中导入此文件),并将.navbar default
部分从navbar.less复制到此文件。重命名并设置变量。参见此处:将背景设置为蓝色
使用CSS
定义css就像.navbar default
一样。改变风格。B.e.
,并将背景设置为蓝色
.navbar自定义{背景色:#0000FF;}
有关更多样式和简单样式的信息,请参见:到目前为止您尝试了哪些样式?你在问问题吗?你为什么要回答自己的问题?我认为Stack可以帮助人们解决问题,而不是让他们访问你自己的网站或进行其他活动Pub@kougiland,看:我忍不住觉得这看起来像是一个骗人的行为。回答您自己的问题很好,但这个问题远远没有建设性,而且重复了引导documentation@BojanglesBootstrap的文档不会告诉您如何设置导航栏的样式,请参阅:。文档只处理导航栏的结构。