导航条
网址:https://v3.bootcss.com/components/#navbar
navbar 声明导航条
导航条包着容器
navbar-default 声明默认的导航条样式
navbar navbar-inverse声明反白的导航条样式-有圆角
去掉导航条的圆角:navbar-static-top


collapse navbar-collapse 包裹的内容在屏幕宽度缩小时可以隐藏


效果:


组件排列默认样式:


组件排列
通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。例如,要对齐导航链接,就要把它们放在个分开的、应用了工具类的 <ul> 标签里。
<form class="navbar-form navbar-right">

网友评论