基于Bootstrap的现代Web应用

一 现代Web应用的特点

1 单页面应用

单页面应用：指的是一种类似原生客户端软件更流畅的用户体验的页面。在单页面应用中，所有的资源（HTML、Javascript、CSS）都是按需动态加载到页面中，且不需要服务端控制页面的转向。

2 响应式设计

响应式设计：指的是不同的设备（电脑、平板、手机）访问相同的页面的时候，得到不同的页面视图，而得到的页面视图是适应当前屏幕的。当然就算在电脑上，我们通过拖动浏览器窗口的大小，也能得到合适的视图。

3 数据导向

数据导向是针对页面导向而言的，页面上的数据获得是通过消费后台REST服务来实现的，而不是通过服务器渲染动态页面（如JSP）来实现的，一般数据交换使用JSON。

二 什么是Bootstrap

Bootstrap官方定义：Bootstrap是响应式开发和移动优先的Web应用的最流行的HTML、CSS、JavaSciprit框架。

Bootstrap实现了只使用一套代码就可以在不同设备显示你想要的视图的功能。

Bootstrap还为我们提供了大量美观的HTML元素前端组件和jQuery。

三 下载并应用Bootstrap

下载地址：https://getbootstrap.com/docs/3.3/getting-started/