-
专门针对Bootstrap的开发工具：jetstrap 下载地址：jetstrap.com查看全部
-
IE9以上浏览器查看全部
-
Bootstrap基于html5、css3 本次学习基于Bootstrap3查看全部
-
学习内容查看全部
-
<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#danger"> 这是测试按钮 </button> <div id="danger" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span>×</span> <span class="sr-only">关闭弹窗</span> </button> <h4 class="modal-title">标题</h4> </div> <div class="modal-body"> 慕课网 </div> <div class="modal-footer"> <button class="btn btn-default" type="button" data-dismiss="modal"> 关闭 </button> <button class="btn btn-primary" tyoe="button">保存</button> </div> </div> </div> </div>查看全部
-
字体大小写转化查看全部
-
段落字号 文本对齐：text-left/text-center/text-right 标签：del 删除线标签 ins/u 下划线标签查看全部
-
面板 <div class="panel panel-default"> <!-- 蓝色panel-default ......可以是别的等等--> <div class="panel-heading"> 弹出层 </div> <div class="panel-body"> 这是面板的具体内容 </div> <div class="panel-footer"> 脚注 </div> </div>查看全部
-
标题字号查看全部
-
列表 <ul class="list-group"> <li class="list-group-item active"> 这是一个列表 <span class="badge">10</span> </li> <li class="list-group-item disabled"> 这是一个列表 <span class="badge">10</span> </li> <li class="list-group-item list-group-item-info"> 这是一个列表 <span class="badge">10</span> </li> <li class="list-group-item"> 这是一个列表 <span class="badge">10</span> </li> </ul>查看全部
-
progress进度条 <div class="progress"> <div class="progress-bar progress-bar-success progress-bar-striped" >20%</div> </div>查看全部
-
分页 <nav> <ul class="pager"> <li class="previous"><a href="#">向左</a></li> <li class="next"><a href="#">向右</a></li> </ul> <ul class="pagination pagination-lg"> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </nav> <!-- pagination-lg 变大 pagination-sm 变小 -->查看全部
-
可切换导航 <ul class="nav nav-tabs"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 胶囊式 <ul class="nav nav-pills"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> 垂直 <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">慕课网1</a></li> <li><a href="#">慕课网2</a></li> <li><a href="#">慕课网3</a></li> </ul> .active默认选中查看全部
-
基本的控件 <div class="input-group"> <span class="input-group-addon">放置额外的内容及图标</span> <input type="text" class="form-control"> </div>查看全部
-
以一个带有class.nav 的无序列表开始 .nav-tabs代表可切换的导航 .nav-pills代表胶囊导航 .nav-justified使导航垂直 <ul class="nav nav-tabs"> <li class="active"></li> <li></li> <li></li> </ul>查看全部
举报
0/150
提交
取消