“独立纵队”的版本间的差异

来自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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<!DOCTYPE html> 
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
    <html> 
−
<head>
+
    <head> 
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
      <title>Bootstrap 实例 - 水平分成两列</title> 
−
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
+
        <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">    
−
<title>008</title>
+
      <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>  
−
<style type="text/css">
+
      <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
−
  .layer1{width:100%; height:160px;both;background:red}
+
    </head> 
−
    .layer1-1{width:100%; height:120px;both;background:#F06}
+
    <body> 
−
.layer1-2{width:100%; height:40px;both;background:#0F0}
+
    <div class="container"> 
−
  .layer2{width:100%; height:150px; background:green;color:blue;text-align:center;text-align:center;}
+
      <h1>Hello, world!</h1>
−
    .layer2-1{width:70%; height:160px;both;background:yellow;float:left}
+
      <div class="row" >
−
    .layer2-2{width:30%; height:160px;both;background:green;float:left}
 
−
.layer2-3{clear:both;}
 
−
  .layer3{width:100%; height:150px;background:blue;color:white;text-align:center;}
 
−
  @media screen and (min-width: 900px) and (max-width: 1200px){
 
−
            .layer1{width:100%;}
 
−
.layer1-1{width:100%;}
 
−
.layer1-2{width:100%;}
 
−
.layer2{width:100%;}
 
−
.layer2-1{ width: 70%;}
 
−
.layer2-2{
 
−
                width: 30%;
 
−
            }
 
−
 
−
.layer3{
 
−
                width: 100%;
 
−
            }
 
−
 
−
        }
 
−
  </style>    
 
−
</head>
 
  
−
<body>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
  <div class="layer1">
+
           
−
    <div class="layer1-1"></div>
+
      </div>
−
    <div class="layer1-2"></div>
+
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
 
+
           
−
  </div>
+
      </div>
−
  <div class="layer2">
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
    <div class="layer2-1"></div>
+
           
−
    <div class="layer2-2"></div>
+
      </div>
−
    <div class="layer2-3"></div>
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
  </div>
+
           
−
  <div class="layer3">1</div>
+
      </div>
−
</body>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
</html>
+
           
−
   
+
      </div>  
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
           
−
<head>
+
      </div>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
<title>无标题文档</title>
+
           
−
<style type="text/css">
+
      </div>  
−
#a{height:300px;width:100%;}
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
−
    #a-1{height:60px;width:100%;}
+
           
−
#a-2{height:180px;width:100%;background:#FFF}
+
      </div> 
−
#a-3{height:60px;width:100%;background:#000}
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
−
#b{height:300px;width:100%;}
+
           
−
    #b-1{height:300px;width:40%;background:#C0F;float:left}
+
      </div>
−
#b-2{height:300px;width:60%;background:#06F;float:left}
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
−
#{clear:both}
+
           
−
#A{width:80%;height:60px;text-align:center;background-color:#CCC}
+
      </div> 
−
#A a{width:10%;line-height:60px;font-weight:bolder;float:left;height:60px}
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
−
#A a:hover{color:#F00;background-color:#666}
+
           
−
#A-1{width:100%;height:60px;text-align:center;background-color:#000}
+
      </div>
−
#A-1 a{width:16%;line-height:60px;font-weight:bolder;float:left;height:60px;color:#FFF}
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
−
#A-1 a:hover{color:#F00;background-color:#666;}
+
           
−
form{text-align:center;line-height:180px}
+
      </div> 
 +
          </div> 
 +
              <div class="row"> 
  
−
{border:1px solid black;}
+
              <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;"> 
−
#login
+
            <p>第二列的段落1 
−
   {width:80%;}
+
            </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>
  
−
#login td
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
−
  {height:40px;}
+
           
−
#login .col1{ width:40%;;line-height:180px}
+
      </div> 
−
#login .col2{ text-left:center; }
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 +
           
 +
      </div>   
 +
          </div>
 +
  <div class="row"> 
  
−
</style>
+
             
−
</head>
+
              <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">
  
−
<body>
+
         
−
<div id="a">
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
    <div id="a-1">
+
           
−
        <div id="A">
+
      </div>
−
        <a href="#">新闻</a>
+
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
        <a href="#">网页</a>
+
           
−
        <a href="#">微信</a>
+
      </div>
−
        <a href="#">问问</a>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
        <a href="#">图片</a>
+
           
−
        <a href="#">视频</a>
+
      </div>
−
        <a href="#">小说</a>
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
        <a href="#">购物</a>
+
           
−
       
+
      </div>
−
        </div>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
    </div>
+
           
−
    <div id="a-2">
+
      </div>  
−
    <form  method="get" >
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
<table id="login">
+
           
−
<tr>
+
      </div>
−
<td class="col1"><img src="file:///C|/Users/Administrator/Desktop/1.png" width="174" height="39" align="right" /></td>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
<td class="col2"><input type="text" name="lname">
+
           
−
  <input type="submit" value="热狗搜索"></td>
+
      </div>  
−
</tr>
+
<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">
  
−
</table>
+
         
−
</form>
+
              <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 id="a-3">
+
<div class="row">
−
        <div id="A-1">
+
 
−
        <a href="#">首页</a>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
        <a href="#">热点</a>
+
           
−
        <a href="#">电视</a>
+
      </div>
−
        <a href="#">电影</a>
+
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
        <a href="#">电视剧</a>
+
           
−
        </div>
+
      </div>
−
    </div>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
</div>
+
           
−
<div id="b">
+
      </div>
−
    <div id="b-1">
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
    <p>123456</p></br>
+
           
−
    <p>123456</p></br>
+
      </div>
−
    <p>123456</p></br>
+
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
−
    <p>123456</p></br>
+
           
−
    <p>123456</p></br>
+
      </div>  
−
    </div>
+
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
−
    <div id="b-2"><img src="file:///C|/Users/Administrator/Desktop/center.jpg" width="799" height="303" /></div>
+
           
−
   
+
      </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>
−
<div id="c"></div>
+
    </body>
−
</body>
+
    </html>
−
</html>
 

2018年1月8日 (一) 01:57的版本

小马哥的队

<!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>
取自“http://www.openbrains.net/mediawiki/index.php?title=独立纵队&oldid=4924”