jsp页面中如何导入bootstrap
这篇文章主要介绍jsp页面中如何导入bootstrap,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
1.先在WebContent中导入以下三个文件(自行去官网下载:bootstrap ,jQuery)
2.新建.jsp文件,比如index.jsp,现在
标签里导入下面这些文件,注意顺序不能颠倒3.然后就可以使用boostrap了,直接给标签添加“class”即可。可以去 这里 选择自己想要的风格
<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>Inserttitlehere id username password 1 李疆 111 2 李二 222 3 张三 333 成功按钮
4.运行结果
以上是“jsp页面中如何导入bootstrap”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注恰卡编程网行业资讯频道!
推荐阅读
-
基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构
-
怎么使用bootstrap制作form表单
怎么使用bootstrap制作form表单这篇文章主要介绍了怎么使...
-
bootstrap如何实现滚动条
bootstrap如何实现滚动条本篇内容介绍了“bootstrap...
-
bootstrap3和bootstrap2有哪些区别
bootstrap3和bootstrap2有哪些区别这篇文章主要介...
-
vue与bootstrap有什么不同
vue与bootstrap有什么不同这篇文章主要介绍“vue与bo...
-
如何解决swagger-bootstrap-ui升级Knife4j的文件下载乱码和Knife4j.txt问题
如何解决swagger-bootstrap-ui升级Knife4j的文件下载乱码和Knife4j.txt问题...
-
前端UI框架Bootstrap、Foundation、Semantic UI、Pure和UIkit有什么区别
前端UI框架Bootstrap、Foundation、SemanticUI、Pure和UIkit有什么区别...
-
日期范围选择组件bootstrap-daterangepicker怎么用
日期范围选择组件bootstrap-daterangepicker怎么用...
-
bootstrap导航栏如何实现居中
这篇文章将为大家详细讲解有关bootstrap导航栏如何实现居中,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇...
-
bootstrap中怎么实现图片自适应
bootstrap中怎么实现图片自适应,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴...