Copyright information area (bootstrap) at the bottom of the website, and copyright information bootstrap

Copyright information area (bootstrap) at the bottom of the website, and copyright information bootstrap

The power of bootstrap is beyond doubt. Therefore, the "raster system" of bootstrap can be used in the copyright information area at the bottom of the website.

The following is an unhandled style of the bottom copyright information area:

1 <div class = "container"> 2 <p> here is the title of the bottom Information </p> 3 <div class = "row"> 4 <! -- Part: 1 --> 5 <div class = "col-md-3"> 6 <p> part: one </p> 7 <div class = "row"> 8 <div class = "col-md-6"> 9 <ul> 10 <li> part: content 1 </li> 11 <li> Part 1 </li> 12 <li> Part 1: content 1 </li> 13 </ul> 14 </div> 15 <div class = "col-md-6"> 16 <ul> 17 <li> part: content 1 </li> 18 <li> Part 1 </li> 19 <li> Part 1: content 1 </li> 20 </ul> 21 </div> 22 </div> 23 </div> 24 <! -- Part: Two --> 25 <div class = "col-md-6"> 26 <p> part: Two </p> 27 <ul> 28 <li> part: content 2 </li> 29 <li> part: Content 2 </li> 30 <li> part: Content 2 </li> 31 <li> part: content 2 </li> 32 <li> part: Content 2 </li> 33 <li> part: content 2 </li> 34 </ul> 35 </div> 36 <! -- Part: Three --> 37 <div class = "col-md-3"> 38 <ul> 39 <li> part: Three content </li> 40 <li> part: content 3 </li> 41 <li> part: content 3 </li> 42 <li> part: content 3 </li> 43 <li> part: content 3 </li> 44 <li> Part 3: content 3 </li> 45 </ul> 46 </div> 47 </div> 48 49 </div>

Directly refer to the lazy reference:

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

------

At this point, the basic structure is OK. You can modify the specific style as needed.

For more information, see grid systems in http://v3.bootcss.com/css/ and web pages: http://www.runoob.com/bootstrap/bootstrap-grid-system.html