下面我们就介绍一下Bootstrap 3.x手风琴折叠效果代码，与之前的2.x有了一些变化。

css 代码 

Bootstrap Input Sizing - W3Schools

在用CSS+DIV的布局中，经常会发现，当一个DIV float之后，如果他的高度超过了其父DIV的高度时，其父DIV的高度并不会相应的进行调整。要解决这个问题（也叫做闭合(清除)浮动），我们有四种办法：

1. 额外标签法

做为一个前端设计人员，对于产品展示页面的设计一定不会陌生，其中产品图片摆放是必定经历的一步，并且水平居中和垂直居中又是最多的。有时需要产品图片水平垂直居中显示，这种展示用CSS来实现又是比较棘手的一件事，我想很多前端攻程师都有研究过或者说是搜索过这些方法吧。很多网站都是使用table来实现产品图片垂直居中，实现也是相当的方便，唯一不足之处就是结构繁锁，那么今天和大家一起看几种不是使用talbe方法实现产品图片水平垂直居中的方法。

CSS的伪类选择器有很多种，在这里只讲解CSS中如何定义一组标签中的第一个元素。

问题：怎样才能“响应式+固定宽高比例”，多余的自动截掉？

Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生

自己亲自做的例子  横向偏移0像素，纵向偏移0像素，模糊5像素，颜色为32ad9c 

常用的HTML编辑器精品推荐

现在市面上HTML编辑器很多，对于新手而言多会感觉手足无措，不知从哪款软件下手，下面小编来给您推荐几款简单好用的HTML编辑器，即使你没有多少HTML知识，你也可以从容的编辑HTML文件。那么，到底哪款最适合您呢？那么请慢慢往下看。本专题将推荐多个HTML编辑器下载，他们共有特点都具有很全面的功能，希望对大家的HTML开发有帮助。