- 时间:2020-01-31 04:47 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:BootStrap在jsp中的使用
下载bootstrap的js,css文件:
[img]http://files.jb51.net/file_images/article/201701/2017010511452024.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452025.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452026.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452027.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452028.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452029.png[/img]
[b]在jsp中的应用:[/b]
[b]第一步:[/b]
新建一个web项目
将bootstrap下载下来的文件放入WEB-INF下面的,lib目录下,新建一个bootstrap文件:
[img]http://files.jb51.net/file_images/article/201701/2017010511452030.png[/img]
[b]第二步:[/b]
新建一个index.jsp文件,引入所使用的css.js和bootstrap的:
注意这里的要缓存[code]<!DOCTYPE html>[/code]
[code]<html lang="zh-CN">[/code]
[img]http://files.jb51.net/file_images/article/201701/2017010511452031.png[/img]
[b]第三步:[/b]
在body中载入需要的组件:
[img]http://files.jb51.net/file_images/article/201701/2017010511452132.png[/img]
运行在tomcat服务器上:
效果如图:
[img]http://files.jb51.net/file_images/article/201701/2017010511452133.png[/img]
[b]第四步:tomcat的8080端口被占用,修改tomcat的文件:[/b]
[img]http://files.jb51.net/file_images/article/201701/2017010511452134.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452135.png[/img]
[img]http://files.jb51.net/file_images/article/201701/2017010511452136.png[/img]
然后重启eclipse即可。
在java的项目中运行时添加需要的tomcat即可。
以上所述是小编给大家介绍的BootStrap在jsp中的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!