Web05:BootStrap

这个还真不知道怎么写.

像贴一个BootStrap官网地址:>>>

然后放一个菜鸟教程的bootStrap设计工具:>>>

在自己发表一下这个狗BootStrap的使用感言!

是真**的好用。

原来,我写代码,敲吧敲吧才写出一点,自从使用了这个东西ctrl c就完事了.

要使用的话,先到官网点击下载BootStrap,进入下载页面

选择1或者2都可以,1是只下载我们要用的文件,2下载源码,2里边有如何使用1中文件的模板,

然后打开模板,复制模板代码到项目,修改模板代码中存储文件的路径。另外我也贴一个模板在下边,方便复制,只需要修改一下文件路径就可以了

<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
		<title>Bootstrap基本模板</title>

		<!-- 引入Bootstrap核心样式文件 -->
		<link href="../../css/bootstrap.min.css" rel="stylesheet">

		
	</head>

	<body>
		<h1>你好,世界!</h1>

		<!-- 引入jQuery核心js文件 -->
		<script src="../../js/jquery-1.11.0.min.js"></script>
		<!-- 引入BootStrap核心js文件 -->
		<script src="../../js/bootstrap.min.js"></script>
	</body>

</html>

随后我们正式开始使用!

主要使用的是框起来的这三个。

我举一个例子.比如我想写一个登录的界面,就在这里找啊找,发现在全局CSS样式里有个表单很适合

直接将下边的代码复制下来就可以了。

猜你喜欢

转载自blog.csdn.net/qq_38827988/article/details/88032046