Bootstrap的认识和简单使用_bootstrap技术如何使用,谈谈你的认识-优快云博客

本文介绍如何利用BootStrap框架简化网站开发，通过一个实例展示如何创建一个兼容多设备的响应式网站。从下载框架到实现居中显示的警告按钮，详细步骤一应俱全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BootStrap是twitter公司开发的HTML，css，js的技术框架，使用bs可以最大化的减少代码，做一个大气的响应式开发网站，兼顾多种移动设备，下边写一个简单的案例。

1.首先，下载bs，官网为http://www.bootcss.com/，分为编译和未编译版本，也可以进行个人定制版本，推荐bootstrap的中文官网定制

接下来是一个bootstrap按钮

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>bootstrap的学习</title>
		<!--导入基本样式-->
		<link style="text/css" rel="stylesheet" href="css/bootstrap.css">  
		<!--导入基本样式的压缩-->
		<link style="text/css" rel="stylesheet" href="css/bootstrap.min.css">
		<!--导入主题样式  注意：顺序 不可变-->
		<link style="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
	</head>
	<body>
		<__text-center也是bs的类样式，包含居中显示__>
		<div class="text-center">
			
<!__btn是bs的类样式，表示把当前标签定义为按钮，设置为警告样式的大号按钮。glyphicon为图标，是警告类型的__>
			<h1 class="btn btn-danger"><i class="glyphicon glyphicon-alert"></i>真香警告</h1>
		</div>
		
	</body>
</html>