最近做的这个项目-校园视频管理,因为是视频,所以必须要有绚丽的界面。经过几天的探索,在UI框架EasyUI和bootstrap之间选择,最终选择了bootstrap,原因是做出的界面比较绚丽,多彩。
bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮,功能完备的网站。
BootStrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站设计开发变得简单许多,而且它将大量的HTML框架普及成了产品,也大大的减轻了我们的负担。接下来我简单介绍一下bootstrap的使用。
一,下载源码文件
下载完成后,将文件解压之后可以看到文件的结构:
其中,.min.css和.css,.min.js和.js文件内容基本一样,都是封装了一些bootstrap样式,只不过是.min文件是编译并压缩以后的。
二,引用
需要引用3个文件,其中一个是JQuery文件,因为很多框架都是基于JQuery的。
三,看一下我们做的网站成果。
好的UI框架造就了好的网站。最近接触到的框架挺多的,越来越觉得容易上手了。这样应该就叫做举一反三吧。