单行页脚/Mini footer

MDL的单行页脚/Mini footer组件以单行水平方式组织所有的信息：

单行页脚同样采用flexbox布局，将整行分割为左右两种区域，并 以空格填充剩余的行空间：

<footer class="mdl-mini-footer">
    <div class="mdl-mini-footer--left-section">...</div>
    <div class="mdl-mini-footer--right-section">...</div>
</footer>

left-section总是向左边对齐，而right-section总是向右边对齐。 单行页脚内可以放置多个left-section或right-section。

在每个区域内，MDL预定义了两种交互元素：链接和社交按钮。

链接/link-list样式应用在列表元素ul上，自动将列表成员水平排列：

<div class="mdl-mini-footer--left-section">
    <ul class="mdl-mini-footer--link-list">
        <li><a href="...">link 1</a></li>
        <li><a href="...">link 2</a></li>
        <li><a href="...">link 3</a></li>
    </ul>
</div>

社交按钮/social-btn样式将元素修饰为36px正方大小的容器，可以设置其 背景图片来构造图标式按钮。