ssm项目学习2-引入bootstrap前端框架

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

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

下载网址:http://www.bootcss.com/

ssm项目学习2-引入bootstrap前端框架_第1张图片

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

 

ssm项目学习2-引入bootstrap前端框架_第2张图片

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

然后再导入一个jquery的js文件   jquery下载地址:https://download.csdn.net/download/taylor_ocean/10846228

ssm项目学习2-引入bootstrap前端框架_第3张图片

 

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

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

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

(参考bootstrap地址:https://v3.bootcss.com/css/?#buttons)

ssm项目学习2-引入bootstrap前端框架_第4张图片

 

 

 

你可能感兴趣的:(#,ssm整合,ssm,maven项目,bootsrap,前端框架,web框架)