bootstrap学习笔记——01

最新推荐文章于 2018-10-13 10:52:39 发布

小贺学习笔记

最新推荐文章于 2018-10-13 10:52:39 发布

阅读量201

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/qq_40680190/article/details/80449447

版权

bootstrap 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

先创建一个index.html，用开发工具打开，
在发开工具中输入英文 ! 符号，按Tab键
引入CSS（css/bootstrap.min.css），添加一个button按钮，会发现引入css和没有引入的时候样式不一样，
顶格了，去掉了内外边距。
给button添加class属性，值为btn，样式就会发生变化，
<button class="btn btn-info">bootstrap</button>，添加此属性，就会把按钮变成信息
引入js，jquery和bootstrap的js
```
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
```
F12 查看页面是否报错，不报错证明引入正确。

全部代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bootstrap介绍</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
	<button class="btn btn-info">bootstrap</button>


	<script src="js/bootstrap.js"></script>
	<script src="js/jquery.min.js"></script>
</body>
</html>

小贺学习笔记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap学习笔记——01

先创建一个index.html，用开发工具打开，在发开工具中输入英文 !符号，按Tab键引入CSS（css/bootstrap.min.css），添加一个button按钮，会发现引入css和没有引入的时候样式不一样，顶格了，去掉了内外边距。给button添加class属性，值为btn，样式就会发生变化， <button class="btn btn-info...
复制链接

扫一扫

专栏目录