Bootstrap样式
来源:互联网 发布:玲珑网游加速器mac 编辑:程序博客网 时间:2024/03/29 20:22
1.基本格式
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,user-scalable=no"><title>bootstrap</title><link rel="stylesheet" type="text/css" href="css/bootstrap.css" ><link rel="stylesheet" type="text/css" href="css/main.css" ></head><body><script src="/jsjquery.js"></script><script src="js/bootstrap.js"></script></body></html>
2.导航条
<nav class="navbar navbar-default navbar-fixed-top"><div class="container"><div class="navbar-header"><a href="index.html" class="navbar-brand logo"><img href="img/logo.png"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div></div></nav>
navbar-defalut:导航条默认样式;
navbar-inverse:另一种样式;
navbar-fixed-top:导航条固定在页面顶部;
navbar-static-top:导航条静止在顶部;
navbar-brand:品牌图标;
navbar-toggle:导航条切换;
data-toggle:"collapse";折叠;
data-target:"#id";目标;
3.轮播图
<div id="#myCarousel" class="carousel"><ol class="carousel-indicators"><li data-target="#myCarousel" data-slide-to="0" class="active"></li><li data-target="#myCarousel" data-slide-to="1"></li><li data-target="#myCarousel" data-slide-to="2"></li></ol><div class="carousle-inner"><div class="item active"><img src="img/a.png"></div><div class="item"><img src="b.png"></div><div class="item"><img src="c.png"></div></div><a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="glyphicon glyphicon-chevron-left"></span></a><a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="glyphicon glyphicon-chevron-right"></span></a></div>
0 0
- Bootstrap样式
- bootstrap样式
- bootstrap之bootstrap&type样式
- bootstrap样式的整理
- bootstrap样式案例
- Bootstrap常用样式备忘
- bootstrap 之 CSS样式
- bootstrap分页样式
- bootstrap样式的引用
- Bootstrap select样式
- CI 分页 bootstrap样式
- bootstrap入门【表单样式】
- 全局样式 bootstrap
- bootstrap 之 CSS样式
- bootstrap主题样式替换
- bootstrap css样式起步
- jqgrid+bootstrap样式实践
- Bootstrap CSS样式
- 打印一个N*N的方阵,N为每边字符的个数( 3〈N〈20 )
- Codeforces 731B
- Python map
- 游戏开发之任务系统
- 侧滑SlidingMenu
- Bootstrap样式
- Android 开发之为ActionBar 添加Actionbar Button
- 创建矩阵、向量;散点拟合
- fzu 2041 Checker 枚举 模拟
- JavaWeb学习之Servlet的学习(二)
- Codeforces 731C 并查集
- IOS 之 Swift教程(二) -入门语法(注释)
- 土巴兔2017校招前端开发
- iOS-nsoperration的简单操作