Bootstrap
关注
分享
扫一扫
文章平均质量分 94
winfredzen
这个作者很懒，什么都没留下…
展开
-
Bootstrap学习笔记
Bootstrap笔记排版标题规则 为了让非标题元素使用相同的样式，还定义了.h1~.h6六个类名。段落规则全局文本字号为14px(font-size)行高为1.42857143（line-height），大约是20px字体为”Helvetica Neue”, Helvetica, Arial, sans-serif;（font-family）强调内容对于<p>元素使用.lead类。粗体使原创 2016-10-27 21:28:35 · 1144 阅读 · 0 评论 -
使用Bootstrap的一些小知识点
使用Bootstrap的一些小知识点w3schools提供了一些Bootstrap做网页的实例模板，跟着一步步的做下来，也有不小的收获，明白了一些常用效果的实现方式。Scrollspy滚动监测Scrollspy插件会根据滚动的位置自动更新nav中的链接。使用方式是在滚动的区域的元素上添加data-spy="scroll"（通常是在<body>元素上），然后添加data-target ，指定其值为na原创 2017-04-01 17:14:47 · 814 阅读 · 0 评论 -
Bootstrap折叠
Bootstrap折叠基本折叠折叠可用来显示和隐藏内容<button class="btn btn-default" data-toggle="collapse" data-target="#demo">可折叠</button><div id="demo" class="collapse"> 被折叠的区域</div>.collapse类表示可被折叠的元素(上面的<div>元素)在<a>或转载 2017-11-11 13:03:26 · 2604 阅读 · 0 评论 -
Bootstrap模态框
Bootstrap模态框<!-- 按钮触发模态框 --><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button><!-- 模态框 --><div id="myModal" class="modal fade" role="dial转载 2017-11-11 15:20:13 · 647 阅读 · 0 评论 -
Bootstrap Tab
Bootstrap Tab参考：Bootstrap JS Tab选项卡1..nav nav-tabs类创建标签页 <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#">Home</a></li> <li><a href="#">HTML</a></li> <li><a href="转载 2017-11-13 14:17:25 · 2035 阅读 · 1 评论 -
Bootstrap双列表框
Bootstrap双列表框参考插件Bootstrap Dual ListboxBootstrap双列表框是一个为Twitter Bootstrap优化的响应式双列表框小部件。 它适用于所有现代浏览器和触摸设备。dual listbox通过在一个可多选的select上，调用.bootstrapDualListbox(settings);来创建 <select multiple="multiple转载 2017-11-30 11:34:43 · 4600 阅读 · 0 评论