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

你可能感兴趣的文章
Net操作Excel(终极方法NPOI)
查看>>
Net操作配置文件(Web.config|App.config)通用类
查看>>
Net连接mysql的公共Helper类MySqlHelper.cs带MySql.Data.dll下载
查看>>
NeurIPS(神经信息处理系统大会)-ChatGPT4o作答
查看>>
neuroph轻量级神经网络框架
查看>>
Neutron系列 : Neutron OVS OpenFlow 流表 和 L2 Population(7)
查看>>
NEW DATE()之参数传递
查看>>
New Journey--工作五年所思所感小记
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new work
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
new一个对象的过程
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus 介绍
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>