Bootstrap框架的导入及使用

最新推荐文章于 2024-12-18 15:30:48 发布

William_GJIN

最新推荐文章于 2024-12-18 15:30:48 发布

阅读量2.5k

点赞数 1

分类专栏： JAVAWeb 文章标签： bootstrap

本文链接：https://blog.csdn.net/William_GJIN/article/details/104724084

版权

JAVAWeb 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

下载及导入

Bootstrap下载，下载后解压将 css、fonts、js 文件夹复制到 static web 项目下，导入便完成；同时需要导入jquery jar包，下载后放入 js 文件夹即可；

页面引入资源文件

	<!DOCTYPEhtml>
	<htmllang="zh-CN">
	<head>
	<metacharset="utf-8">
	<metahttp-equiv="X-UA-Compatible"content="IE=edge">
	<metaname="viewport"content="width=device-width,initial-scale=1">
	<!--上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！-->
	<title>BootstrapHelloWorld</title>
	
	<!--Bootstrap-->
	<linkhref="css/bootstrap.min.css"rel="stylesheet">
	<!--jQuery(Bootstrap的所有JavaScript插件都依赖jQuery，所以必须放在前边)-->
	<scriptsrc="js/jquery-3.2.1.min.js"></script>
	<!--加载Bootstrap的所有JavaScript插件。你也可以根据需要只加载单个插件。-->
	<scriptsrc="js/bootstrap.min.js"></script>
	
	</head>
	<body>
	<h1>你好，世界！</h1>
	
	
	</body>
	</html>