基于Bootstrap框架实现响应式布局  

Implementing Response Layout Based on Bootstrap Framework

作　　者：汪红宇[1] 刘雄辉[1] 乔波[1] WANG Hong-yu;LIU Xiong-hui;QIAO Bo(College of Information Science and Technology, Hunan Agricultural university,Changsha 410128,China)

机构地区：[1]湖南农业大学信息科学技术学院,长沙410128

出　　处：《电脑与信息技术》2017年第5期19-22,共4页Computer and Information Technology

基　　金：2017年湖南农业大学大学生创新性实验计划项目(项目编号:XCX17019)

摘　　要：随着移动设备的广泛使用,移动设备已经成为网页浏览的主流设备,为了使用户在PC端与手机端都能拥有良好的浏览体验,同时避免在PC端与手机端应用两套代码的繁琐工作,响应式设计应时而出。文章详细介绍了响应式布局的概念,实现响应式页面的不同方法,应用Bootstrap快速搭建响应式页面的方法及其原理,并通过案例介绍如何设计一个响应式页面,以及实现响应式页面的具体步骤和在不同设备上呈现的效果。With the widespread use of mobile devices,mobile devices have become the mainstream of web browsing equipment,in order to enable users in the PC side and the mobile side can have a good browsing experience,while avoiding the PC side and the application of two sets of code on the PC side of the cumbersome work,Responsive design should appear at this time.This paper introduces the concept of response layout in detail,the different methods of implementing responsive page,the method and principle of using Bootstrap to fasten the responsive page,and introduces how to design a response page and the concrete steps of implementing the response page And the effects presented on different devices.

关 键 词：移动设备 BOOTSTRAP 响应式页面 

分 类 号：TP311[自动化与计算机技术—计算机软件与理论]