“独立纵队”的版本间的差异
来自CloudWiki
(→小马哥的队) |
|||
第9行: | 第9行: | ||
**网址1:http://ma.itoco.cn/black8/team/7-1.html | **网址1:http://ma.itoco.cn/black8/team/7-1.html | ||
**网址2:http://ma.itoco.cn/black8/team/7-2.html | **网址2:http://ma.itoco.cn/black8/team/7-2.html | ||
− | <!DOCTYPE html | + | <!DOCTYPE html> |
− | < | + | <html> |
− | + | <head> | |
− | + | <title>Bootstrap 实例 - 水平分成两列</title> | |
− | + | <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> | |
− | + | <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> | |
− | < | + | <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
− | + | </head> | |
− | + | <body> | |
− | + | <div class="container"> | |
− | + | <h1>Hello, world!</h1> | |
− | + | <div class="row" > | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | ||
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | </ | + | |
− | + | </div> | |
− | < | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> |
− | < | + | |
− | < | + | </div> |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | < | + | </div> |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
+ | </div> | ||
+ | <div class="row"> | ||
− | + | <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;"> | |
− | + | <p>第二列的段落1 | |
− | + | </p> | |
+ | <p>第二列的段落2 | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;"> | ||
+ | <p>第二列的段落1 | ||
+ | </p> | ||
+ | <p>第二列的段落2 | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;"> | ||
+ | <p>第二列的段落1 | ||
+ | </p> | ||
+ | <p>第二列的段落2 | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row" > | ||
+ | |||
+ | |||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
− | </style> | + | |
− | </ | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> |
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
− | + | ||
− | <div | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | < | + | </div> |
− | < | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> |
− | < | + | |
− | + | </div> | |
− | </ | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> |
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
− | </ | + | |
− | </ | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> |
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="row"> | |
− | + | ||
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | </div> | + | |
− | <div | + | </div> |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
− | + | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | |
− | + | ||
− | + | </div> | |
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | + | </body> | |
− | </body> | + | </html> |
− | </html> |
2018年1月8日 (一) 01:57的版本
小马哥的队
- 计算机1701 张三,计算机1701 李四
- 学院项目:
- 小组项目:
<!DOCTYPE html>
<html> <head> <title>Bootstrap 实例 - 水平分成两列</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body>
Hello, world!
第二列的段落1
第二列的段落2
第二列的段落1
第二列的段落2
第二列的段落1
第二列的段落2
</div>
</body> </html>