黑色实用的云服务器网站底部导航列表栏布局，div css页面底部布局代码。
使用方法：
1、head引入css文件
<link rel="stylesheet" type="text/css" href="css/style.css">
2、body引入HTML代码
<div class="adaction">
<div class="container">
<p>
全行业托管云平台，助力千万业务轻松上云
</p>
<a href="#" rel="nofollow" target="_blank" class="btn btn-blue-border btn-lg"><span class="icon icon-signup"></span> 限时抢购 • 轻松上云</a>
</div>
</div>
<div class="foot space">
<div class="container" style="line-height:26px;">
<div class="row">
<div class="col-xs-2">
<h4>产品中心</h4>
<ul class="list-unstyled">
<li><a href="#" rel="nofollow">域名注册</a></li>
<li><a href="#" rel="nofollow">云虚拟主机</a></li>
<li><a href="#" rel="nofollow" title="香港云服务器">云服务器</a></li>
<li><a href="#" rel="nofollow">独立IP主机</a></li>
<li><a href="#" rel="nofollow">独立服务器租用</a></li>
<li><a href="#" rel="nofollow" title="香港高防服务器租用">高防服务器租用</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>服务支持</h4>
<ul class="list-unstyled">
<li><a href="#">抗攻击方案</a></li>
<li><a href="#">WHMCS财务系统</a></li>
<li><a href="#">DirectAdmin面板</a></li>
<li><a href="#" rel="nofollow" target="_blank">支付信息</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>技术服务</h4>
<ul class="list-unstyled">
<li><a href="#">系统维护</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">增值服务</a></li>
<li><a href="#">渠道代理</a></li>
<li><a href="#">数据中心</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>优质产品</h4>
<ul class="list-unstyled">
<li><a href="#">云服务器</a></li>
<li><a href="#">香港服务器</a></li>
<li><a href="#">香港虚拟主机</a></li>
<li><a href="#">香港云主机</a></li>
<li><a href="#">香港免备案主机</a></li>
<li><a href="#" title="香港高防服务器租用">香港高防服务器租用</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>友情链接</h4>
<ul class="list-unstyled links" id="div1">
<li><a href="#" target="_blank"><b>爬虫工具</b></a></li>
<li><a href="#" target="_blank"><b>企业微信</b></a></li>
<li><a href="#" target="_blank"><b>Chrome插件</b></a></li>
<li><a href="#" target="_blank"><b>Win10专业版</b></a></li>
<li><a href="#" target="_blank"><b>小程序</b></a></li>
<li><a href="#" target="_blank"><b>成都网站建设</b></a></li>
<li><a href="#" target="_blank"><b>思维导图记忆</b></a></li>
<li><a href="#" target="_blank">crm</a></li>
<li><a href="#" target="_blank">景安服务器托管</a></li>
<li><a href="#" target="_blank"><b>网站建设</b></a></li>
<li><a href="#" target="_blank">美国主机</a></li>
<li><a href="#" target="_blank"><b>java源码学习</b></a></li>
<li><a href="#" target="_blank"><b>自助建站</b></a></li>
<li><a href="#" target="_blank"><b>友情链接</b></a></li>
<li><a href="#" target="_blank"><b>网络推广</b></a></li>
<li><a href="#" target="_blank"><b>idc公司</b></a></li>
<li><a href="#" target="_blank"><b>互站网</b></a></li>
<li><a href="#" target="_blank"><b>短信平台</b></a></li>
<li><a href="#" target="_blank"><b>服务器安全</b></a></li>
<li><a href="#" target="_blank"><b>怎么做网站</b></a></li>
<li><a href="#" target="_blank"><b>CDR教程</b></a></li>
<li><a href="#" target="_blank"><b>公式编辑</b></a></li>
<li><a href="#" target="_blank"><b>条码标签</b></a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>需要帮助？</h4>
<ul class="list-unstyled">
<li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+852 6997 4319</li>
<li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+86 13266999624</li>
<li>
<a class="btn btn-green" href="#" rel="nofollow" style="background:#1e88e5 !important;color:#fff !important;">
<i style="float:left;"><img src="images/qq.jpg" /></i>
<span style="float:left;">在线交谈</span>
</a>
</li>
<li><a>sales@henghost.com</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row col-xs-12">
<div class="col-xs-6">
Copyright 2018
<a class="footer-link">SonderCloud </a> Limited
</div>
<div class="col-sm-6" style="padding:0;margin:0;">
<ul class="footer_social_links">
<li><a href="#" rel="nofollow">法律法规</a></li>
<li><a href="#" rel="nofollow">投诉处理</a></li>
<li><a href="#" rel="nofollow">服务条款</a></li>
<li><a href="#" rel="nofollow">人才招聘</a></li>
<li><a href="#" rel="nofollow">公司简介</a></li>
<li><a href="#" rel="nofollow">联系我们</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script>
var c, _ = Function;
with(o = document.getElementById("div1")) {
innerHTML += innerHTML;
onmouseover = _("c=1");
onmouseout = _("c=0");
}
(F = _("if(#%26||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%26?10:1500);".replace(/#/g, "o.scrollTop")))();
</script>
<style>
#div1 {
height:192px;
overflow:hidden;
}
</style>
div css云服务器网站底部快速导航布局代码 
