Materialise CSS页脚 _MaterializeCSS

【Materialise CSS页脚】页脚用于在页面末尾组织大量站点导航和信息。 Materialize CSS提供了不同的类, 以方便用户获得有关该网站的其他信息。

Index	班级名称	Description
1)	page-footer	用于将div容器设置为页脚。
2)	footer-copyright	用于将div容器设置为具有页脚版权的容器。

例子让我们以一个示例来演示如何使用页脚类来展示示例页脚。

< html> < head> < title> The Materialize Collections Example< /title> < meta name = "viewport" content = "width = device-width, initial-scale = 1"> < link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons"> < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css"> < script type = "text/javascript" src = "https://code.jquery.com/jquery-2.1.1.min.js"> < /script> < script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"> < /script> < /head> < body class = "container"> < footer class = "page-footer"> < div class = "row"> < div class = "col s12 m6 l6"> < h5 class = "black-text"> Footer Content< /h5> < /div> < div class = "col"> < ul> < li> < a href = "http://www.srcmini.com/#" class = "black-text text-lighten-4 right"> Help< /a> < /li> < li> < a href = "http://www.srcmini.com/#" class = "black-text text-lighten-4 right"> Privacy and Terms< /a> < /li> < li> < a href = "http://www.srcmini.com/#" class = "black-text text-lighten-4 right"> User Agreement< /a> < /li> < /ul> < /div> < /div> < div class = "footer-copyright"> < div class = "container"> ? 2016 Copyright Information < a class = "grey-text text-lighten-4 right" href = "http://www.srcmini.com/#!"> Links< /a> < /div> < /div> < /footer> < /body> < /html>

立即测试