[Bootstrap] 7. Working Herader
Bootstrap Working
2023-09-14 08:59:21 时间
<header class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <a href="index.html" class="navbar-brand">QuickReader Report</a> <button type="button" class="navbar-toggle" data-toggle='collapse' data-target='.navbar-collapse'> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <ul class="nav navbar-nav navbar-right collapse navbar-collapse text-center"> <li><a href='#'>Serial</a></li> <li><a href='#'>File</a></li> <li><a href='#'>User</a></li> </ul> </div> </header>
Header with dropdown:
<header class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <a href="index.html" class="navbar-brand">QuickReader Report</a> <button type="button" class="navbar-toggle" data-toggle='collapse' data-target='.navbar-collapse'> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <ul class="nav navbar-nav navbar-right collapse navbar-collapse text-center"> <li><a href='#'>Serial</a></li> <li><a href='#'>File</a></li> <li><a href='#'>User</a></li> <li> <a href='more.html' data-target="#" data-toggle="dropdown" class="dropdown-toggle"> More<span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Something 1</a></li> <li class="divider"></li> <li><a herf="#">Something 2</a></li> </ul> </li> </ul> </div> </header>
相关文章
- bootstrap日期时间控件
- 移动端笔记(8)之bootstrap案例
- Bootstrap 和 WordPress 的区别
- Bootstrap【第二章】—全局CSS之排版、代码、表格
- BootStrap应用开发学习入门
- bootstrap使用教程_bootstrap 教程
- 前端之路:bootstrap 时间日期日历控件(datetimepicker)
- jQuery自动触发事件与bootstrap/jQuery插件用法
- Rails 7 中引入 Bootstrap 5
- bootstrap-fileinput插件实现文件上传
- SAP UI5 index.html 里的 bootstrap script 介绍
- MySQL Error number: MY-011696; Symbol: ER_GRP_RPL_FAILED_TO_BOOTSTRAP_EVENT_HANDLING_INFRASTRUCTURE; SQLSTATE: HY000 报错 故障修复 远程处理
- Bootstrap v4.0.0-alpha.3 发布,一个 Web 前端框架详解编程语言
- Bootstrap 3.3.6 发布,Web 前端 UI 框架详解编程语言
- 下拉菜单插件bootstrap-selected 的简单应用详解编程语言