Research on HTML5 Responsive Web Front-end Development Based on Bootstrap Framework

With the rapid development of mobile Internet technology, mobile products such as smart phones and ipads are popular, and mobile devices with different screen sizes have become the mainstream of users’ Internet access. For the traditional PC web page, different sizes of mobile devices are not compatible with the display, while responsive page design technology is to solve the above problems. In this paper, taking the development of the course website of “Construction and Maintenance of Prison Website” as an opportunity, it studies the characteristics and design concept of responsive web design and HTML5+CSS3.0 construction technology, analyzes the Bootstrap responsive framework, and designs and constructs a responsive website based on Bootstrap, to make the website pages respond to the different browsing devices, provide users with a more comfortable interface and good browsing experience, and facilitate students to learn anytime and anywhere.