本文目录一览：

bootstrap特点

1、二．Bootstrap特点 Bootstrap非常流行，得益于它非常实用的功能和特点。主要核心功能特点如下：(1).跨设备、跨浏览器可以兼容所有现代浏览器，包括比较诟病的IE8。当然，本课程不再考虑IE9以下浏览器。

2、高性能：bootstrap+vue.js提出虚拟DOM概念，以及数据驱动DOM思想，减少页面渲染成本，大幅度提高性能。

3、Bootstrap最受欢迎、最流行的前端框架，该框架是根据html和css还有js三者进行开发的，并且是由css动态语言写成，Bootstrap功能强大被很多人开发者使用。

4、Pure也是一款很出色的CSS框架，Pure是来自雅虎的。尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有7k左右。

5、Bootstrap 特点：简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。基于htmlcss3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。

bootstrap的响应式,如何让表单排成一行?

1、Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

2、通过sWrapper： dataTables_wrapper form-inline即可扩展sWrapper类，以数据表的形式包装元素使元素内联而不是作为一个块，从而实现点击Bootstrap table的表头列头实现升降序排序功能。

3、使用Bootstrap响应式布局实现方式：通过查询screen的宽度来指定某个宽度区间的网页布局。

4、根据情况，你可以给图片统一设置一个最大的宽度和高度，防止图片尺寸不一致。造成自适应后，尺寸不一样。另外你要注意下文字一行和两行，甚至三行的情况。

5、是目前比较流行的一种布局方法。 bootstrap响应式布局实现原理：通过CSS3 Media Queries（媒体（设备）查询），媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式（这个样式当然是由我们来书写规定的）。

6、下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。

bootstrap的标签式导航和导航条的区别是什么

1、标签式导航是现在主流的类型，在底部会显示整个APP最核心的功能，方便用户选择使用。页面底部导航栏在一个较大的面板上分组显示已经定义好的菜单选项。

2、bootstrap可以创建多种导航，包括：基本的基于标签和胶囊式标签的导航、堆叠的或垂直的基于标签和胶囊式标签的导航、基于标签和胶囊式标签的下拉菜单、使用导航列表创建堆叠导航、使用 JavaScript 创建可点击导航（不同的方向）。

3、(2).响应式布局不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。

4、Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

5、移动优先角度 在移动优先方面，Bootstrap3做得要比Bootstrap2好得多（虽然Bootstrap2也并不差），由于Foundation的巨大成功以及响应式布局的极大潜力，Bootstrap3也开始在移动端发力。