博客
关于我
ssm项目学习2-引入bootstrap前端框架
阅读量:335 次
发布时间:2019-03-03

本文共 509 字,大约阅读时间需要 1 分钟。

1.首先介绍一个前端框架: bootstrap  前端框架:是一个可以快速的开发一个前端页面的框架。

bootstrap:简单来说  它可以用来干什么:Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。

下载网址:

下载完之后  --------解压后-----  可以直接放入到项目的webapp包下的某个文件夹下,如何调用根据官网的文档

 

在个人的html或者jsp界面加入上图中的两句话:src地址可以改为自己项目中的bootstrap所在的相对路径

然后再导入一个jquery的js文件   jquery下载地址:

 

简单介绍一下bootstrap的强大  不用不知道 一用吓一跳。

首先只要按照 以上步骤  把bootstrap相应的js和css文件导入到项目中,然后根据bootstrap的文档说明   只需要在你写的标签中添加   你喜欢的样式的class名字-----就可以达到你想选择的样式。

例如:  我在我的网页上 ------- 添加一个button标签   --------- -class  我用 bootstrap所提供的class名字就可以

(参考bootstrap地址:)

 

 

 

转载地址:http://yqel.baihongyu.com/

你可能感兴趣的文章
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
查看>>
Node-RED怎样导出导入流程为json文件
查看>>
Node-RED简介与Windows上安装、启动和运行示例
查看>>
Node-RED订阅MQTT主题并调试数据
查看>>
Node-RED通过npm安装的方式对应卸载
查看>>
node-request模块
查看>>
node-static 任意文件读取漏洞复现(CVE-2023-26111)
查看>>
Node.js 8 中的 util.promisify的详解
查看>>
node.js debug在webstrom工具
查看>>
Node.js Event emitter 详解( 示例代码 )
查看>>
Node.js GET、POST 请求是怎样的?
查看>>
Node.js HTTP模块详解:创建服务器、响应请求与客户端请求
查看>>
Node.js RESTful API如何使用?
查看>>
node.js url模块
查看>>
Node.js Web 模块的各种用法和常见场景
查看>>
Node.js 之 log4js 完全讲解
查看>>
Node.js 函数是什么样的?
查看>>
Node.js 函数计算如何突破启动瓶颈,优化启动速度
查看>>