基于bootstrap开发的响应式网上书店前端开发制作
摘  要：本论文详细描述的是一个基于bootstrap的响应式网上书店前端网页的设计与实现过程。网站的设计与制作主要使用bootstrap、html、css+div、JavaScript、jQuery等围绕网站的响应式制作进行。前台网页一共包含五个版块，首页、CSS类书籍、JavaScript类书籍、jQuery类书籍、PHP类书籍等。经测试，制作出的响应式网页可以兼容各大主流浏览器，还能够识别不同设备的尺寸从而展现优质的浏览效果。
关键词为什么使用bootstrap?：bootstrap；html；css+div；JavaScript；响应式
Abstract：A detailed description of this paper is based on the bootstrap responsive front-end web page design and implementation process of online bookstore. Website design and production of mainly use the bootstrap, HTML, CSS + div, JavaScript, jQuery and other surrounding the site response type production. At the front desk page that includes five sections, the home page, CSS class books, books on JavaScript, jQuery, PHP, books books, etc. After the test, make a responsive page can be compatible with each big mainstream browsers, also able to identify the size of the different equipment and high-qual
ity viewing effect.
Key words：bootstrap；html；css+div；JavaScript；responsive
随着无线网络的飞速发展以及人们生活水平的普遍提高,人们对移动终端设备的需求已经逐渐超越桌面端,即越来越多用户上网的方式已经从传统桌面端逐渐转移到了移动设备，响应式布局是移动互联网蓬勃发展的技术产物,在移动互联网快速发展的今天，它占据了网页前端开发领域的核心地位[1]。
如何设计开发一款能够自适应不同尺寸的移动设备的网站,为用户提供优质的浏览服务具有重大的意义。以Web前端书籍书店的网站为例，根据用户使用设备尺寸的大小调整页面的布局，这就使得不同设备浏览页面的效果会更加流畅[2]。响应式布局可以提供优质的用户体验，成为互联网今后发展的主流趋势之一[3]。
1  bootstrap
1.1  简介
Bootstrap，源于Twitter，是目前最受市场欢迎的前端框架之一[4]。它由Twitter的设计师Jacob Thornton和Mark Otto合作开发，它是基于CSS、HTML、JAVASCRIPT的，使得web开发更快捷。Bootstrap提供了优雅的CSS和HTML规范，它即是由动态CSS语言less写成[5]。
1.2  Bootstrap 的特点
Bootstrap是基于CSS3、HTML5开发的，它在jQuery的基础上进行了完善，使其更为个性化和人性化，形成一套特有的网站风格，并且能兼容大部分jQuery插件。
1.3  为什么选择 Bootstrap 作为前端开发框架
Bootstrap是基于CSS3、HTML5开发的，内置了很多具有独特风格的样式。Bootstrap包含了很多Web组件，根据这些组件，开发人员可以快速地制作一个漂亮、功能齐全的网站。Twitter网站上许多图标在 Bootstrap中用简单的一句代码就可以使用到你的网站项目中了，更为关键的是 Bootstrap支持响应式布局，即开发的网站项目可以有效适配手机、平板、PC设备。

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