美文网首页
bootstrap导航条

bootstrap导航条

作者: Ancestor楠 | 来源:发表于2020-07-14 13:54 被阅读0次

导航条

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

相关文章

网友评论

      本文标题:bootstrap导航条

      本文链接:https://www.haomeiwen.com/subject/okwxhktx.html