Design and Implementation of Responsive Layout Website
In the traditional webpage design and development,there are problems that different versions need to be designed and produced for different device terminals and the webpages designed for PC terminal cannot be fully displayed on the screen of mobile devices.Therefore,this paper analyzes and studies the currently popular front-end Bootstrap framework technology.Based on the existing website group Content Management System of the college,the website of the education technology center of Chengde Medical University is designed,and a responsive website that can be compatible with each terminal demand is realized.This paper introduces in detail the grid system of Bootstrap framework as well as the application of navigation bars,thumbnails,panel components,and responsive image plug-ins in the application of website production.And it introduces part of the code of website production to analyze the process of implementing responsive layout website.