浅析响应式布局Bootstrap 框架
作者：李俊影
来源：《大观》2017年第02期
        摘要：现如今移动互联网发展迅速，移动终端设备在生活中占的比重逐渐加大，响应式网格设计应时出现。Bootstrap作为目前流行的前端开发框架，其优势则是移动终端设备优先。本文基于响应式web前端框架的基础上，将对Bootstrap的功能、安装环境及优缺点进行简要分析。
        关键词：响应式布局；前端开发；Bootstrap
        现如今移动互联网飞速发展，科学技术日新月日，随着不同种类的台式机、笔记本、平板电脑、智能手机等设备不断更新，网站在大小迥异的屏幕上会有不一样的视觉效果，为了避免用户用不同的设备访问相同的网站时带来差异性，在2010年5月Ethan Marcotte提出了新的概念“响应式web设计”，新概念的诞生解决了网站在多个终端的兼容问题。
        一、响应式web设计
        响应式web设计即响应式布局。Ethan Marcotte曾在《Responsive Web Design ·An A List Apart Article》中写道“响应式真正的设计方法不仅是要根据可视区域大小而改变网页的布局，并且还要从整体上颠覆当下的网页设计方法，它是针对多种终端设备的网页内容进行完美布局的一种显示机制。” 随着各种终端设备的快速发展，网站需适应不同分辨率、不同平台显得尤为重要，响应式布局可以做到为不同的终端用户提供更加舒适的洁面以及更好的用户体验。
jquery框架定义
        响应式布局的实现我们可以通过CSS3中的Media Query，即媒介查询。媒体查询可以使CSS更精确的实现于不同的媒体类型或者同一媒体的不同条件（如下图所示），或者我们可以借助各种的前端框架来实现响应式布局如：Bootstrap、Less Framework、Flurid等。
        二、Bootstrap框架

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。