Bootstrap前端框架

追梦梓辰

已于 2022-04-29 23:22:13 修改

阅读量1.8k

点赞数 1

分类专栏： Java 文章标签： bootstrap 前端框架 html

于 2022-04-29 23:18:57 首次发布

本文链接：https://blog.csdn.net/weixin_63719049/article/details/124506219

版权

Java 专栏收录该内容

135 篇文章 3 订阅

订阅专栏

Bootstrap前端框架:

它是什么？:

①.诞生于2011年，来自Twitter公司，是目前最受欢迎的前端框架 ②.是一个用于快速开发Web应用程序和网站的前端框架 ③.Bootstrap是基于HTML、CSS、JS的，简洁灵活，使得Web开发更加快捷概述：Bootstrap是一个建立一个页面，就可以在三个终端(PC端、平板、手机)上完美展示的响应式前端框架

我们为什么要使用它?

①.响应式设计（Bootstrap的响应式CSS能够自适应台式机、平板电脑和手机） ②.移动设备优先 ③.浏览器支持 ④.容易上手

用在哪里?

企业网站、博客、网站后台之类的网站

Bootstrap自提地址：https://pan.baidu.com/s/1TiW2unzDRdG68bRATb9aNg
提取码：56fy

在这里插入图片描述
Bootstrap是一个建立一个页面，就可以在三个终端(PC端、平板、手机)上完美展示的响应式前端框架：

效果图：
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet"  href="css/bootstrap.css"/>
		<style>
			
			
		</style>
		<!-- 支持手机端 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<!-- 固定容器 -->
		<div class="container">
			
			<hr color="red" />
			<button class="btn btn-danger">查询</button>
		</div>
		
		
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
	</body>
</html>