基于BootStrap栅格栏系统完成网站底部版权信息区

基于基于BootStrap栅格栏系统完成网站底部版权信息区栅格栏系统完成网站底部版权信息区

网站底部版权信息区可以用bootstrap的“栅格系统”完成，下面给大家分享一个未经处理的底部版权信息区的样

式，大家可以做个参考

bootstrap的强大功能毋庸置疑。所以，网站底部版权信息区可以用bootstrap的“栅格系统”完成。

下面是一个未经处理的底部版权信息区的样式：

<div class="container">

<p>这里是底部信息的标题</p>

<div class="row">

<li>部分：一内容</li>

<li>部分：一内容</li>

<li>部分：一内容</li>

</ul>

</div>

<div class="col-md-6">

<ul>

<li>部分：一内容</li>

<li>部分：一内容</li>

<li>部分：一内容</li>

<p>部分：二</p>

<ul>

<li>部分：二内容</li>

<li>部分：二内容</li>

<li>部分：二内容</li>

<li>部分：二内容</li>

<li>部分：二内容</li>

<li>部分：二内容</li>

</ul>

</div>

<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>