博客
关于我
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/

你可能感兴趣的文章
nodejs与javascript中的aes加密
查看>>
nodejs中Express 路由统一设置缓存的小技巧
查看>>
nodejs中express的使用
查看>>
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
查看>>
Nodejs中的fs模块的使用
查看>>
NodeJS使用淘宝npm镜像站的各种姿势
查看>>
NodeJs入门知识
查看>>
nodejs包管理工具对比:npm、Yarn、cnpm、npx
查看>>
NodeJs单元测试之 API性能测试
查看>>
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>