导航条navabar
1、添加类【navbar-fixed-top】可以让导航条固定在顶部
2、可以包含一个类为【container】或者类【container-fluid】的容器,从而让导航条居中或者自适应显示
3、通过添加类【navbar-inverse】可以改变导航条的外观,变成黑底显示
4、添加类【navbar-fixed-top】可以让导航条固定在顶部,固定的导航条会遮住页面上的其他内容,除非给<body>元素设置padding。导航条的默认高度为“50px”,比如设置body{padding-top:70px};
下拉菜单代码
导航条基本代码
下拉菜单!
navbar-expand-lg navbar-light bg-light
导航条黑体展示
导航条 navbar
container-fluid : 自适应
container : 固定宽度
class导航条的设置
navbar 这是一个导航条
navbar-default 默认导航条 白色的 -inverse 黑色
navbar-fixed-top 让导航条固定
container 导航条居中或自适应显示
下拉菜单
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">特点 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Java</a></li>
<li><a href="#">Jav</a></li>
<li><a href="#">Ja</a></li>
<li class="divider"></li>
<li><a href="#">Java</a></li>
</ul>
</li>
添加nav-bar-fixed类会让导航条固定在顶部,固定的导航条会遮盖住页面的部分内容
解决方法:导航条默认高度50px,比如设置body{padding-top:70px;}
导航条和下拉菜单
添加,.navbar-fixed-top让导航条固定在顶端
可以包含一个,container或.container-fluid容器,让导航条居中或自适应显示
4
3
2
导航条
container-fluid
导航
navbar-fixed-top固定顶部
navbar-inverse黑色
container默认居中
container-flus