bootstrap底部导航栏固定

使用Bootstrap创建固定底部导航

最新推荐文章于 2020-12-23 10:53:46 发布

iuouiyiuty

最新推荐文章于 2020-12-23 10:53:46 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.youkuaiyun.com/qq_33650364/article/details/74562730

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何利用Bootstrap框架创建一个始终固定在页面底部的导航栏。通过参考提供的链接和作者的个人Demo，读者可以学习到实现这一效果的具体步骤和技术要点。

https://segmentfault.com/a/1190000002886158 参考文章链接

自己写的一个demo

<style type="text/css">

    .footer {
        border-top: 1px solid #e5e5e5;
        color: #777;
        padding: 0px 0px 15px 0px;
        background-color: #f5f5f5;
    }
    body {
        padding-bottom: 70px;
    }
</style>
<div class="footer navbar-fixed-bottom">
    <div class="container">
        <div class="row footer-bottom">
            <hr style="margin: 0px 0px 15px 0px;">
            <ul class="list-inline text-center">
                <li>Copyright &copy;2017 xxxxxxxxx</li>
            </ul>
        </div>
    </div>
</div>