Bootstrap3
凌冰_
分享知识带给我的快乐!帮助他人就是帮助自己。
希望更多人能关注,来分享我的成果!
希望大家快快乐乐的学习,开开心心的畅游知识的海洋。
展开
-
Bootstrap3 (Label)和徽章(Badges)
Label标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签; 也可以使用修饰的 class label-default、label-primary、label-success、label-info、label-warning、label-danger 来改变标签的外观 徽章(Badges)。徽章与标签相似,主要的区别在于徽章的边角更加圆滑。...原创 2019-02-22 11:18:40 · 1744 阅读 · 0 评论 -
Bootstrap3 缩略图( thumbnail )
大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下:在图像周围添加带有 class .thumbnail 的 <a> 标签。 这会添加四个像素的内边距(padding)和一个灰色的边框。 当鼠标悬停在图像上时,会动画显示出图像的轮廓。 <ul> ...原创 2019-02-22 12:05:30 · 2758 阅读 · 0 评论 -
Bootstrap3 下拉菜单(Dropdown)
下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。文档:http://www.runoob.com/bootstrap/bootstrap-dropdowns.html使用下拉菜单,只需要在 class .dropdown 内加上下拉菜单即可。效果图:源代码: 必须加入bootstrap样式,主题,JS和jquery! <link rel="st...原创 2019-02-18 11:43:22 · 7820 阅读 · 2 评论 -
Bootstrap3 简介(一)
http://www.runoob.com/bootstrap/bootstrap-grid-system.html一、什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 。 二、 为什么使用 Bootstrap? 1)移动设备优先: 2)浏览器支...原创 2019-03-05 16:53:14 · 1207 阅读 · 0 评论 -
Bootstrap3 网格系统(二)
网格系统 : 通过一系列的行(row)与列(column)的组合来创建页面的布局,设置的内容就可以放在这些创建好的布局中。 实现原理 通过定义容器的大小 平分为12份 调整内外边距 结合媒体查询 网格工作原理:一行数据(row)必须包含在 .container中,以便为其赋予合适的对齐方式和内边距。 源代码:...原创 2019-03-05 17:29:17 · 366 阅读 · 0 评论 -
Bootstrap 常用模板资源站
超级Bootstrap模板库:http://www.wrapbootstrap.com/2016新收录http://www.templategarden.com/https://shapebootstrap.nethttp://thebootstrapthemes.com/免费的HTML5 响应式网页模板:http://html5up.net/WP & Bootstrap:http:...转载 2019-03-08 11:32:43 · 2625 阅读 · 0 评论 -
Bootstrap 颜色和日期插件
BootCDN加速器:https://www.bootcdn.cn/查找日期插件单击就能看到对应的版本哦!具体使用如下:<head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="https://cdn...原创 2019-04-16 16:21:09 · 1202 阅读 · 0 评论