为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我用bootstrap做的导航栏没有黑色的底色

/ 猿问

为什么我用bootstrap做的导航栏没有黑色的底色

紫衣仙女 2018-12-31 04:00:22

为什么我用bootstrap做的导航栏没有黑色的底色


查看完整描述

1 回答

?
摇曳的蔷薇

方法/步骤
  这里bootstrap使用了html5的一个新的标签nav.
  <nav>标签定义导航链接的部分.
  使用了样式. .navbar样式标识的是一个导航条.
  其中.navbar又包含了:.navbar-header, .navbar-toggle, .navbar-brand
  下面先给出一个带有链接的, 而且还支持移动端的例子代码.

  bootstrap导航条的可选页面, 有两种(可自己写css定义), 第一种默认的.navbar-default, 效果是:白色的背景黑色的字, 第二种是.navbar-inverse, 效果是:黑色的背景加上白色的字. 只需要选中自己想要的效果即可, 这里需要注意的地方有一点. 就是如果想要这两种默认的其他效果, 就需要自己去实现样式, 可以查看css的源代码, 然后去看.navbar-inverse怎么实现, 然后模仿实现即可, 这是一个笨办法, 还有另外一种方式, 就是使用less, 重新写样式, 因为bootstrap可运行的样式, 也是用less构建的, 也有sass版的, 这里只是简单的介绍一下, 定义好的样式, 这些在以后的经验中还会继续提到.

查看完整回答
反对 回复 2019-01-05

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信