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" ><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柵格欄系統完成網站底部版權信息區，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
