如何更改bootstrap navbar的颜色 03 社区 03 Ruby China

Posted 2023-03-24

方法一，直接在标签里写 style 修改

方法二，自己写一个class类选择符，然后添加到标签里

找到bootstrap的css的文档，如：bootstrap.min.css；然后找到里边的navbar选择符，修改其颜色即可。

参考技术A 自己重新配置一个定义navbar类的css，然后在bootstrap.css后引入。这样需要改的类可能比较多。
或者你在官网上定制bootstrap.css

望楼主采纳哦 参考技术B 通过添加 .navbar-inverse 类可以改变导航条的外观。

<nav class="navbar navbar-inverse" role="navigation">
...
</nav>

如果要是想要自己定义的颜色需要自定义bootstrap文件
http://getbootstrap.com/customize/本回答被提问者和网友采纳

如何更改bootstrap navbar的颜色 03 社区 03 Ruby China

参考技术A 到bootstrap的官网定制自己的风格，http://getbootstrap.com/customize/
使用基于bootstrap的主题，这里有个站点有一些bootstrap的免费主题http://bootswatch.com/

我是基于bootstrap3作答的，2.x也是差不多的