<!-- 声明为HTML5文档类型。(bootstrap需要使用到某些html元素和css属性) -->
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<!-- 添加viewport元数据标签 。如需禁用其缩放(zooming)功能,则在content内容中添加"user-scalable=no"-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- IE的版本低于IE9,需要另外引入html5shiv.min.js和respond.min.js -->
</head>
<body>
<!-- **代码区** -->
<!-- jQuery的引入需要放在引入boostrap之前 -->
<script src="bootstrap/jq/jq.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
注意:
1、在css对应的属性中不想使用其他的属性,想优先选择该属性则使用!important属性,可以提高自己定义样式的优先级
如: span{color:red !important;}
2、
.col-xs- 超小屏幕(<768) 手机 col列 xs–x small
.col-sm- 小屏幕(768<=x<992) 平板 sm–small
.col-md- 中等屏幕(992<=x<1200) 桌面 md–middle
.col-lg- 大屏幕(x>=1200) 桌面 lg–large