标签：哈哈 tab tle css width utf-8 class jquer text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<style>
.container-fluid {
background-color: pink;
}
</style>
</head>
<body>
<div class="container-fluid">
哈哈哈
</div>
</body>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</html>
<div class="container">
哈哈哈
</div>
| 阈值 | width |
|---|---|
| 1200<=w | 1170 |
| 992<=w<1200 | 970 |
| 768<=w<992 | 750 |
| w<768 | auto |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<style>
.container {
background-color: pink;
}
div[class|=col] {
border: 1px solid;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-10">col-lg-10</div>
<div class="col-lg-2">col-lg-2</div>
</div>
<div class="row">
<div class="col-lg-6">col-lg-6</div>
<div class="col-lg-6">col-lg-6</div>
</div>
<div class="row">
<div class="col-lg-3">col-lg-3</div>
<div class="col-lg-7">col-lg-7</div>
</div>
</div>
</body>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</html>
标签：哈哈 tab tle css width utf-8 class jquer text
原文地址：https://www.cnblogs.com/kikyoqiang/p/13193298.html
