复习
Bootstrap是一个HTML+CSS+JS框架,简化了响应式页面的编写。使用步骤:
(1)下载并加入项目 css/fonts/js
(2)使用模板创建页面
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="">
<meta name="X-UA-Compitable" content="IE=edge">
<title></title>
<link rel="" href="css/bootstrap.css">
<style>
</style>
</head>
<body>
<h1 class="sr-only"></h1>
<label class="sr-only">请在此xxxxx</label>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script>
//Bootlint:
</script>
</body>
</html>
Bootstrap由四部分组成
(1)全局CSS样式(2)Component
(3)JS Plugin
(4)Customize
Bootstrap常用CSS类
类名 |
使用环境 |
含义 |
.container |
对任意区块元素使用 |
容器,用于包含其他的内容;子元素可以随意使用margin-top、float等属性,都会被完整的套在此容器中 |
.text-danger |
||
.text-info |
||
.text-primary |
||
.text-success |
||
.text-warning |
||
.bg-danger |
||
.bg-info |
||
.bg-primary |
</ |