我的为什么没有在一排
来源：2-6 栅格化布局(二)
慕村8535129
2018-05-07 13:40:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<style type="text/css">
.row{
border:1px solid #ff0000;
}
[class*="col-"]{
border:1px solid #00ff00;
padding-top:15px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-1">1</div>
<div class="col-md-1">2</div>
<div class="col-md-1">3</div>
<div class="col-md-1">4</div>
<div class="col-md-1">5</div>
<div class="col-md-1">6</div>
<div class="col-md-1">7</div>
<div class="col-md-1">8</div>
<div class="col-md-1">9</div>
<div class="col-md-1">10</div>
<div class="col-md-1">11</div>
<div class="col-md-1">12</div>
<div class="col-md-1">13</div>
</div>
</div>
</body>
</html>
1回答
-
樱桃小胖子
2018-05-07
Bootstrap的栅格布局，系统会自动分为最多12列，你写的是13列，多出来的一列（第13列）
就会单独成行
希望可以帮到你~
0
相似问题