bootstrap导航条

2020-07-14  本文已影响0人  Ancestor楠

导航条

网址: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">

上一篇 下一篇

猜你喜欢

热点阅读