Php Can'；不要让4列页脚工作，并作出反应

我试图创建这个4列页脚，底部有一个版权部分，但不管我怎么做，它都没有响应，完全崩溃了

非常感谢大家在这个问题上的帮助！非常感谢

这是我目前的小代码

html{-webkit字体平滑：抗锯齿；-moz-osx字体平滑：灰度；-webkit文本大小调整：100%；文本呈现：优化易读性；}
正文{字体大小：14px；字体系列：'Montserrat'，Gotham，“Helvetica Neue”，Helvetica，Arial，无衬线；}
h1、h2、h3、h4、h5、h6{字重：700；行高：1em；文本转换：大写；}
h1{字体大小：3em；页边距底部：15px；}
h2{字体大小：2.2em；页边距底部：15px；}
h3{字体大小：1.9em；页边距底部：10px；页边距顶部：20px；}
h4{字体大小：1.5em；页边距底部：10px；页边距顶部：15px；}
h5{字体大小：1.2em；边距：10px 0 5px；行高：1.8em}
h6{字体大小：1em；}
p、 标签{边距：10px 0 10px；行高：1.8em；字体大小：1em；字体重量：300；}
ul，ol{边距：15px 0 15px 30px；行高：1.8em；字体大小：1em；}
强{字体大小：700；}
.alignleft{text align:left！重要；}
.aligncenter{text align:center！重要；左边距：自动！重要；右边距：自动！重要；}
.alignright{text align:right！重要；}
.preload{高度：0；}
{颜色：继承；文本装饰：无；光标：指针；}
a:悬停{光标：指针；}
#包装器{position:relative；overflow-x:hidden；}
.wrap{最大宽度：1600px；边距：0自动；位置：相对；高度：100%；}
.clear{clear:both！重要；高度：0！重要；填充：0！重要；边距：0！重要；浮点：无！重要；}
块引号{填充：0 20px；边距底部：15px；}
/**形式元素**/
输入[type=text]，输入[type=password]，输入[type=datetime]，输入[type=datetime local]，输入[type=date]，输入[type=month]，输入[type=time]，输入[type=week]，输入[type=number]，输入[type=email]，输入[type=url]，输入[type=tel]，输入[type=color]，输入[type=search]，选择，文本区{边框：1px实心#AAA；高度：自动；-webkit边框半径：0；边框半径：0；-webkit方框阴影：无！重要；方框阴影：无！重要；字体系列：'Montserrat'，Gotham'，Helvetica Neue'，Helvetica，Arial，无衬线；填充：15px 20px；字体大小：1em；}
选择{-webkit外观：无；-moz外观：无；外观：无；文本缩进：10px；行高：24px；边框：1px实心#AAA；背景：#FFF url（../images/select.png）无重复97%中心；}
选择选项：禁用{color:#AAA；}
text区域{高度：140px；}
输入[类型=文本]：焦点，文本区域：焦点{边框颜色：#d0101f；}
输入[type=submit]、输入[type=button]、输入[type=reset]、.button{font-weight:normal；cursor:pointer；margin:10px auto；font-size:1em；border:none；display:inline block；padding:20px；color:#FFF；background:#1A1A1A1A1A1A1A；文本转换：大写；文本对齐：中心；最小宽度：100px；}
输入[type=submit]：悬停，输入[type=button]：悬停，输入[type=reset]：悬停{}
#返回顶部{宽度：32px；高度：32px；线条高度：30px；-webkit边框半径：3px；边框半径：3px；背景：无；右侧：20px；底部：20px；位置：固定；}
#返回顶部：悬停{}
#imagelightbox{位置：固定；z索引：9999；-ms触摸操作：无；触摸操作：无；}
#imagelightbox叠加{背景色：#FFF；背景色：rgba（255，255，255，.9）；}
正文#错误{背景：url（../images/404 bg.jpg）无重复上中；背景大小：封面；高度：100vh；颜色：#ffde16！重要；}
正文#错误。换行{最大宽度：1200px；}
正文#错误。包裹。内部{填充顶部：15vh；宽度：50%；}
正文#错误h1{字体大小：15em；边距：0 200px；}
.social{列表样式：无；边距：20px 0 0 20px；填充：0；}
.social li{显示：块；浮点：左；宽度：30px；高度：30px；填充：0；-webkit转换：所有400ms易用；-moz转换：所有400ms易用；-ms转换：所有400ms易用；-o转换：所有400ms易用；转换：所有400ms易用；右边距：10px；文本对齐：中心；}
.social li a{显示：块；字体大小：14px；线条高度：30px；宽度：100%；高度：100%；颜色：#666；}
/*********标题*********/
导航ul，导航ul:before{背景：#FFF；位置：绝对}
导航ulli:after，导航ul:before{content:''；边距：0自动；左：0；右：0}
标题{背景：#FFF；位置：固定；顶部：0；左侧：0；宽度：100%；z索引：999；-webkit转换：全部.4s易用；-moz转换：全部.4s易用；-ms转换：全部.4s易用；-o转换：全部.4s易用；转换：全部.4s易用；高度：100px；框阴影：0.20px rgba（0,0,0,3）}
header.wrap{padding:0 30px}
标题#徽标{浮动：左；边距：0 30px 0；}
标题#徽标图像{高度：95px}
标题导航{填充：0}
header.social{float:right；margin left:30px；margin top:30px；margin right:10px；}
nav ul{边距：0；填充：0；文本转换：大写；光标：指针}
nav>ul li a，nav>ul li span{padding:30px 0 20px；显示：块；颜色：#72a464；字体重量：400；字体大小：16px；}
导航li{显示：内联块；填充：0 20px；字体大小：.8em；位置：相对；文本对齐：中心；}
导航李a，导航李span{颜色：#1a1a1a；}
nav li a i，nav li span i{显示：块！重要；字体大小：16px！重要；页边距底部：10px；}
nav ul ul{-webkit边框半径：3px；边框半径：3px；显示：无；顶部：125px；左侧：50%；宽度：320px；z索引：3；填充：10px；文本对齐：左侧；转换：平移（-50%，0）；-webkit方框阴影：020px2px2pxRGBA（0,0,0,3）；方框阴影：020px2px2pxRGBA（0,0,0,3）}
导航：在{顶部：-5px；宽度：10px；高度：10px；变换：旋转（45度）}之前
导航ul{顶部：0；左侧：240px}
导航ul.show{display:block}
导航ul li{浮点：无；行高：30px；字体大小：.9em}导航ul a{行高：30px！重要}
导航：在{显示：无}之后
nav ul li:在{位置：绝对；底部：0；高度：5px；宽度：0；-webkit转换：all.4s易用；-moz转换：all.4s易用；-ms转换：all.4s易用；-o转换：all.4s易用；转换：all.4s易用}
导航ul li.active:在{width:100%}nav ul li.active>ul{display:block}
#mobile，nav.mobilenav{display:none}
/*********横幅*********/
#cta{填充：0；边距顶部：0；位置：相对；z-in
<div class="container">
 <div class="row">
  <div class="col-md-3">col</div>
  <div class="col-md-3">col</div>
  <div class="col-md-3">col</div>
  <div class="col-md-3">col</div>
 </div>
</div>

<div class="container">
 <div class="footer">
  <div class="col-1">col</div>
  <div class="col-2">col</div>
  <div class="col-3">col</div>
  <div class="col-4">col</div>
 </div>
</div>

.container {
    width: 900px;
    margin: 0 auto;
}
.footer {
    width: 100%;
    float: left;
}
.col-1,
.col-2,
.col-3,
.col-4 {
    width: 25%;
    float: left;
}