博客
关于我
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
查看>>
node exporter完整版
查看>>
node HelloWorld入门篇
查看>>
Node JS: < 一> 初识Node JS
查看>>
Node JS: < 二> Node JS例子解析
查看>>
Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime(93)解决
查看>>
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
查看>>
Node 裁切图片的方法
查看>>
node+express+mysql 实现登陆注册
查看>>
Node+Express连接mysql实现增删改查
查看>>
node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
查看>>
Node-RED中Button按钮组件和TextInput文字输入组件的使用
查看>>
vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
查看>>
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用exec节点实现调用外部exe程序
查看>>
Node-RED中使用function函式节点实现数值计算(相加计算)
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>