基于Bootstrap的响应式网页设计与实现

熊慧 武汉交通职业学院电子与信息工程学院

移动互联网技术在不断发展，已进入互联网新时代。移动通信技术的进步和发展，各行各业对智能移动终端的应用更加广泛，使互联网的应用技术为适应社会和用户的需要，将转变方向到移动平台。目前在市面上和用户手中的移动终端类型较多，如各种智能手机和各种平板电脑等。移动终端与PC段存在着较大的差异，设备的屏幕尺寸差距较大是最明显的特征，同一网址在PC端和移动终端显示的网页页面也有所差异。并且移动终端的设备种类繁多且其屏幕尺寸、分辨率等也有所差别。为了满足用户使用不同设备访问页面时的良好体验，开发人员提出了以Bootstrap框架为基础的响应式网页设计思想和理念，充分利用现有的较为通用的网页框架设计模板，为用户提供和设计开发出能适用于不同设备的页面，提升用户的网页浏览体验。

1 响应式网页设计

响应式网页设计是指在设计研发网页页面的工作中，根据应用设备的不同尺寸大小、不同的系统、不同的屏幕分辨率等，以及用户对页面在设备上显示布局和浏览体验的要求。由响应式设计的网页页面，能够满足用户在不同设备上的使用和需要，根据用户设备的系统类型、屏幕分辨率、屏幕尺寸大小等要素对页面显示布局进行自动调节，用户也可根据自身的需要在屏幕上对页面进行手动调节，为用户提供良好的浏览体验。……