杨瑞瑞瑞 - 博客园

2017年6月26日

摘要：所有可用的图标包括260个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收费的，但是他们的作者允许 Bootstrap 免费使用。为了表示感谢，希望你在使用时尽量为 Glyphicons 添加一个友情链接。阅读全文

posted @ 2017-06-26 00:05 杨瑞瑞瑞阅读(115) 评论(0) 推荐(0) 编辑

静态实例

摘要：以下模态框包含了模态框的头、体和一组放置于底部的按钮。点击下面的按钮即可通过 JavaScript 启动一个模态框。此模态框将从上到下、逐渐浮现到页面前。阅读全文

posted @ 2017-06-26 00:04 杨瑞瑞瑞阅读(129) 评论(0) 推荐(0) 编辑

滚动监听

摘要：滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示，滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。用法依赖 Bootstrap 的导航组件滚动监听插件依赖 Bootstrap 的导航组件用于高亮显示当前激活的链接。 body { position: 阅读全文

posted @ 2017-06-26 00:03 杨瑞瑞瑞阅读(145) 评论(0) 推荐(0) 编辑

2017年6月25日

简单tab切换代码

摘要： htm代码： <div>  <ul class="tab-g clearfix"> <li class="tab-gn active-gn">tap1</li> <li class="tab-gn">tap2</li> <li class="tab-gn">tap3</l 阅读全文

posted @ 2017-06-25 23:59 杨瑞瑞瑞阅读(288) 评论(0) 推荐(0) 编辑

2017年6月22日

巨幕

摘要：这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 div class="jumbotron"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="but 阅读全文

posted @ 2017-06-22 23:15 杨瑞瑞瑞阅读(228) 评论(0) 推荐(0) 编辑

链接

摘要：用 <a> 标签代替 <li> 标签可以组成一个全部是链接的列表组（还要注意的是，我们需要将 <ul> 标签替换为 <div> 标签）。没必要给列表组中的每个元素都加一个父元素。阅读全文

posted @ 2017-06-22 23:14 杨瑞瑞瑞阅读(96) 评论(0) 推荐(0) 编辑

bootstarap列表组

摘要： <ul class="list-group"> <li class="list-group-item">Cras justo odio</li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-grou 阅读全文

posted @ 2017-06-22 23:13 杨瑞瑞瑞阅读(316) 评论(0) 推荐(0) 编辑

媒体对象

摘要： <div class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="..." alt="..."> </a> </div> <div class="media-body"> <h4 clas 阅读全文

posted @ 2017-06-22 23:11 杨瑞瑞瑞阅读(101) 评论(0) 推荐(0) 编辑

进度条

摘要：默认样式的进度条阅读全文

posted @ 2017-06-22 23:10 杨瑞瑞瑞阅读(99) 评论(0) 推荐(0) 编辑

bootstarap下拉菜单

摘要： <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> D 阅读全文

posted @ 2017-06-22 23:09 杨瑞瑞瑞阅读(408) 评论(0) 推荐(0) 编辑