bootstrap 菜单
本文共 1984 字，大约阅读时间需要 6 分钟。
1.bootstrap图片
img-responsive 声明响应式图片
2.bootstrap 字体图标
通过字体代替图标，font文件夹需要和css文件夹在同一目录
3.bootst导航条
（1）navbar 声明导航条
（2）navbar-default 声明默认的导航条样式（3）navbar-inverse 声明反白的导航条样式（4）navbar-static-top去掉导航条的圆角（5）navbar-fixed-top固定到顶部的导航条（6）navbar-fixed-bottom 固定到底部的导航条（7）navbar-header 申明logo的容器（8）navbar-brand 针对logo等固定内容的样式（9）nav navbar-nav 定义导航条中的菜单（10）navbar-form 定义导航条中的表单（11）navbar-btn定义导航条中的按钮（12）navbar-text 定义导航条总的文本（13）navbar-left菜单靠左（14）navbar-right 菜单靠右<!doctype html>
<html><head><meta charset="utf-8"><title>导航条</title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"><script type="text/javascript" src="js/jquery-3.3.1.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script type="text/javascript">
</head>
<body>
<!--navbar导航条类，navbar-inverse黑色导航条，navbar-static-top消去圆角--><div class="navbar navbar-inverse navbar-static-top"><div class="container"><!--定义logo，navbar-header声明logo容器--><div class="navbar-header"><!--折叠按钮,data-toggle类，data-target目标，id要加#--><button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu"><!--icon-bar表示横杠--><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><!--navbar-brand，logo样式--><a href="" class="navbar-brand">LOGO</a></div><!--navbar-collapse折叠样式--><div class="collapse navbar-collapse" id="mymenu">
</body>
</html>
转载于:https://blog.51cto.com/13742773/2343107
你可能感兴趣的文章
jquery的load和get的区别
查看>>
iOS开发：XCTest单元测试（附上一个单例的测试代码）
查看>>
2.4.1 用NPOI操作EXCEL关于HSSFClientAnchor(dx1,dy1,dx2,dy2,col1,row1,col2,row2)的参数
查看>>
Grunt 之 RequireJS
查看>>
Java设计模式9：代理模式
查看>>
vim ctl+v批量添加/删除
查看>>
理解Angular中的$apply()以及$digest()
查看>>
BIEE 维表
查看>>
WritePrivateProfileString GetPrivateProfileString 读取写 配置文件
查看>>
Window 分布式 学习2----好文收藏
查看>>
安卓图表引擎AChartEngine(五) - Dataset和Render参数介绍
查看>>
代码分析工具推荐Understand
查看>>
PHP中全局变量的使用global和$GLOBALS[]
查看>>
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 http://www.jb51.net/css/383986.html
查看>>
消息中间件选型
查看>>
JS组件系列——表格组件神器：bootstrap table
查看>>
chromium的安装程序
查看>>
【ThinkingInC++】61、非成员运算符
查看>>
Navigation Drawer的使用及遇到的问题
查看>>
多表利用DIH批量导入数据并建立索引注意事项
查看>>