我的外部CSS样式表只显示1列，内部样式表显示2列_Css

我的外部CSS样式表只显示1列，内部样式表显示2列

css

我的外部CSS样式表只显示1列，内部样式表显示2列,css,Css,使用基于比例的网格，当我使用内部样式表时，我会得到一个2列的显示。然而，当我使用外部样式表时，我只得到一列显示如何使外部样式表显示2列布局下面是我的代码，包括外部和内部样式表编码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <ti

使用基于比例的网格，当我使用内部样式表时，我会得到一个2列的显示。然而，当我使用外部样式表时，我只得到一列显示

如何使外部样式表显示2列布局

下面是我的代码，包括外部和内部样式表编码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DUCK</title>
<link rel="stylesheet" href="temp.css" type="text/css"> 

<style>
* {   box-sizing: border-box;    }
.row  {   width: 100%; }
img   {   width: 100%; }
.desc {  font-variant: small-caps; }

/********** Large devices only **********/
@media (min-width: 1200px) {
.col-lg-6  {  float: left;  border: 2px solid green }
.col-lg-6  {  width: 50%;   }
}

/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {
.col-md-12 {  float: left;  border: 2px solid green}
.col-md-12 {  width: 100%;  }
}

</style>

</head>
<body>
<h1>Responsive Layout</h1>
<div class="row">
 <div class="col-lg-6 col-md-12"> 
 <img src="http://thumbs.dreamstime.com/z/rubber-duck-21077756.jpg"  <div
  class="desc">duck</div>  </div>
 <div class="col-lg-6 col-md-12"> 
 <img src="http://thumbs.dreamstime.com/z/rubber-duck-21077756.jpg"  <div
  class="desc">duck</div>  </div>
 <div class="col-lg-6 col-md-12"> 
 <img src="http://thumbs.dreamstime.com/z/rubber-duck-21077756.jpg"  <div
  class="desc">duck</div>  </div>
 <div class="col-lg-6 col-md-12"> 
 <img src="http://thumbs.dreamstime.com/z/rubber-duck-21077756.jpg"  <div
  class="desc">duck</div>  </div>
</div>
</body>
</html>


鸭子
*{框大小：边框框；}
.行{宽度：100%；}
img{宽度：100%；}
.desc{字体变体：小写；}
/**********仅限大型设备**********/
@介质（最小宽度：1200px）{
.col-lg-6{浮点：左；边框：2px纯绿色}
.col-lg-6{宽度：50%；}
}
/**********仅限中型设备**********/
@介质（最小宽度：992px）和（最大宽度：1199px）{
.col-md-12{浮点：左；边框：2px纯绿色}
.col-md-12{宽度：100%；}
}
响应布局
鸭子
鸭子
鸭子
鸭子