SSM高级整合-crud 之三 bootstrap前端框架的简单使用

备注:本篇文章是链接

https://blog.csdn.net/zaq977684/article/details/121404127

SSM高级整合-crud 之三内容

bootstrap前端框架的链接:

Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网

jquery下载的链接:

jquery下载所有版本(实时更新)

1.打开bootstrap前端框架的链接,点击“下载Bootstrap”

2.在webapp文件下新建一个static文件,将下载下来的bootstrap-3.4.1-dist.zip解压后放到static文件下,如下图所示

 

 3.bootstrap的使用,可参照链接中的文档

4.打开链接下载jquery包,如下载的是3.4.1版本,在static文件下创建js文件,并把解压后的jquery下的jquery-3.4.1.min.js放在js文件下,如图所示:

5.创建一个index.jsp,配置 bootstrap和jquery,如下图所示:

6.点击“全局css样式”,“按钮”的文档查看,若显示的按钮是该样式的按钮则配置成功

把按钮的预定义样式拷贝到index.jsp中

index.jsp的最终结果

 7.创建一个tomcat,具体创建步骤可参照下列文章链接的第五步

https://blog.csdn.net/zaq977684/article/details/119737244

8.启动tomcat,查看样式是否渲染成功,下图按钮样式就是预定义的按钮颜色,说明配置成功

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值