关于Bootstrap布局

正在着手准备一个关于在线项目管理系统,现在在做布局,用的Bootstrap,我也是刚刚接触这个在线的布局工具,于是在网上看了一些资深大虾们的介绍,感觉理解起来还是颇有难度,就本着抛砖引玉的态度写了一些关于Boot使用的基础知识,废话不说,进入正题-------

Bootstrap:一种由动态css语言less写成的css/html框架,也是为前台的页面布局自定义的一套规范,所以使用起来很是方便

以为那个我是使用Myeclipse对前台进行布局的,所以,在使用bootstrap之前需要导入bootstrap的几个包,bootstrap.min.js/bootstrap-responsive.min.css/bootstrap.min.css/jquery-1.7.2.js(jquery的版本就我所知,1.7.2以上的都可以)最后还需要两个图片的包、、、除了jquery,其他的包和图片都可以在Bootstrap官网进行下载

包可以直接复制到你在myeclipse中的文件夹下,下面的图片是包存放的位置(文件夹需要自己创建,且文件夹名不能错误,否则bootstrap会找不到它们):

在jsp页面的时候,我们需要更改index.jsp的一个地方:

更改后:

这样,我们的准备工作就做好了,明天继续为讲一下bootstrap对页面的一个简单布局

 

 

posted @ 2013-09-09 23:27  但敲代码,尽是屌丝  阅读(1448)  评论(0编辑  收藏  举报