方法一:使用内容生成的方式清除浮动 这种方法不能解决margin在垂直边界上的叠加问题,如果不涉及margin的边界叠加问题使用这种方法清除浮动就行了 。 方法二:使用伪元素方式清除浮动 bootstrap3.3.7中就使用这种方法清除浮动,这种方法代码比第一种多一点,不过它能解决margin在垂直 ...
分类:
其他好文 时间:
2018-11-16 00:32:25
阅读次数:
162
什么是Bootstrap? Bootstrap是一个用于快速开发web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap是2011年八月在CitHub上发布的开源产品。 为什么使用Bootstrap? 移动设备优先:自Bootstrap3起 ...
分类:
其他好文 时间:
2018-11-10 23:53:49
阅读次数:
164
网上有很多html+css制作带三角的矩形的方法,我在这里列举其中一种,兼容bootstrap3。 我们先来看一个三角在左边的对话框的效果图 矩形就不必说了,矩形的border-radius也不用说了,圆角可以自己设置,可以直接用bootstrap中的类。下面说下矩形左边的小三角,我们可以这么设置。 ...
分类:
Web程序 时间:
2018-11-08 18:24:22
阅读次数:
1169
看到了一篇 20 分钟打造 Bootstrap 站点的文章,内容有点老,重新使用 Bootstrap3 实现一下,将涉及的内容也尽可能详细说明。 1. 创建基本的页面我们先创建一个基本的 HTML 模板页面,使用 sublime + emmet 可以直接创建这个页面。 1.1 新建一个文件, Ctr ...
分类:
其他好文 时间:
2018-10-27 17:11:29
阅读次数:
164
1,弹窗:bootstrap3-dialog.js 多选下拉框:bootstrap-multiselect.js 2,复制插件:zeroclipboard.js jquery.zclip.js 3,相册预预功能:layer.photos lightbox.js 4,文件上传插件:webuploade ...
分类:
其他好文 时间:
2018-10-11 18:49:16
阅读次数:
158
1 什么是Bootstrap 由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 2 Bootstrap版本 BootStrap2 BootStrap3 BootStrap4 3 B ...
分类:
其他好文 时间:
2018-09-01 12:43:06
阅读次数:
156
bootstrap已经推出了3.0的新版,看起来2.3.x版本也不会再更新了。那么bootstrap 2.3版与3.0版的区别在哪里呢?下面我们就来介绍一下。 Bootstrap 3.0增加了一些新的特性,对于一些类也进行了调整。不过两个版本在使用的方法上是没什么大的区别的。 bootstrap 2 ...
分类:
其他好文 时间:
2018-08-13 22:32:41
阅读次数:
157
接下来我们通过 Bootstrap3 来创建一个简单的响应式网页。 在学习之前我们可以先看下效果:https://www.runoob.com/try/demo_source/bootstrap3-makewebsite.htm <divclass="jumbotron text-center"st ...
分类:
Web程序 时间:
2018-06-22 17:45:33
阅读次数:
290