基于BootStrap栅格栏系统完成网站底部版权信息区
更新时间：2016年12月23日 13:40:16 作者：屏幕后的无奈
网站底部版权信息区可以用bootstrap的“栅格系统”完成，下面给大家分享一个未经处理的底部版权信息区的样式，大家可以做个参考
bootstrap的强大功能毋庸置疑。所以，网站底部版权信息区可以用bootstrap的“栅格系统”完成。
下面是一个未经处理的底部版权信息区的样式：
<div class="container">
<p>这里是底部信息的标题</p>
<div class="row">
<!-- 部分：一 -->
<div class="col-md-3">
<p>部分：一</p>
<div class="row">
<div class="col-md-6">
<ul>
<li>部分：一内容</li>
<li>部分：一内容</li>
<li>部分：一内容</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li>部分：一内容</li>
<li>部分：一内容</li>
<li>部分：一内容</li>
</ul>
</div>
</div>
</div>
<!-- 部分：二 -->
<div class="col-md-6">
<p>部分：二</p>
<ul>
<li>部分：二内容</li>
<li>部分：二内容</li>
<li>部分：二内容</li>
<li>部分：二内容</li>
<li>部分：二内容</li>
<li>部分：二内容</li>
</ul>
</div>
<!-- 部分：三 -->
<div class="col-md-3">
<ul>
<li>部分：三内容</li>
<li>部分：三内容</li>
<li>部分：三内容</li>
<li>部分：三内容</li>
<li>部分：三内容</li>
<li>部分：三内容</li>
</ul>
</div>
</div>
</div>
直接偷懒引用：
<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> ------
到此，基本结构算是ok了，可以根据自己的需求修改具体的样式了。
以上所述是小编给大家介绍的基于BootStrap栅格栏系统完成网站底部版权信息区，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了JavaScript实现的多种鼠标拖放效果,涉及JavaScript响应鼠标事件动态变换页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了javascript实现tab切换的两个实例，是对之前方法原理的进一步延伸，需要深入了解的同学可以参考一下2015-11-11
这篇文章主要为大家详细介绍了javascrpt密码强度校验函数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章再次为大家详细介绍了JavaScript简单实现弹出拖拽窗口的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
javascript 字符 Escape,encodeURI,encodeURIComponent
下面是对字符串编码转换功能函数大家，大家可以根据实际需要选择使用。2009-07-07
这篇文章主要介绍了javascript仿百度输入框提示自动下拉补全的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了js 如何删除对象里的某个属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
添加一个以前写的table的spliter给大家...2007-01-01
下面小编就为大家带来一篇javascript Promise简单学习使用方法小结。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了自定义PC微信扫码登录样式的写法以及做了代码分析，需要的朋友学习下吧。2017-12-12
最新评论