详解eclipse中如何使用bootstrap?(附代码)


本文摘自PHP中文网,作者青灯夜游,侵删。

本篇文章给大家介绍一下eclipse中使用bootstrap的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

eclipse中使用bootstrap

1、先在WebContent中导入以下三个文件(自行去官网下载:bootstrap ,jQuery)

2、新建.jsp文件,比如index.jsp,现在<head>标签里导入下面这些文件,注意顺序不能颠倒

1

2

3

<script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">

<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>

相关推荐:《bootstrap教程》

3、然后就可以使用boostrap了,直接给标签添加“class”即可。可以去 这里 选择自己想要的风格

阅读剩余部分

相关阅读 >>

如何解决bootstrap乱码问题

bootstrap框架怎么自适应手机

Eclipse css中文乱码怎么办

bootstrap和jquery ui之间的简单比较

bootstrap和css区别

bootstrap是js框架吗

bootstrap2和3的区别是什么

bootstrap怎么删除图标

浅谈bootstrap中的close类--关闭按钮

bootstrap是前端框架吗

更多相关阅读请进入《Eclipse》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...