Question

我正在使用Bootstrap创建一个网站，我希望有一个浮动的页脚栏来选择语言，Q＆amp; As等。

但我希望在那里有一个“隐藏”按钮。

看起来像这样：

    <div id="footer" class="navbar navbar-default navbar-fixed-bottom">
        <div id="innerFooter" class="container-fluid">
            <div class="collapse navbar-collapse">
                <div class="col-xs-6">
                    <a class="btn btn-default " data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer">
                       Hide
                    </a>
                </div>
                <div class="col-xs-6">
                
                ...some buttons..
                
                </div>
            </div>
        </div>
    </div>

我有两个问题：

当我隐藏栏并转到另一页时，该栏会弹出试。
当我单击隐藏按钮时，第一次尝试不起作用什么，但当我第二次点击时，酒吧隐藏。

感谢您的帮助！

Answer 1

对于第一个问题：

您必须存储导航栏可见性的状态... 如果您不编码，浏览器如何知道它是否应该显示导航栏？？

对于第二个问题

你想崩溃，但没有初始状态。

您的导航栏应该有collapse in个课程

Bootply ：http://www.bootply.com/p1xNGxePan

HTML ：

<div id="footer" class="navbar navbar-default navbar-fixed-bottom collapse in">
    <div id="innerFooter" class="container-fluid">
        <div class="collapse navbar-collapse">
            <div class="col-xs-6">
                <a class="btn btn-default" data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer">
                   Hide
                </a>
            </div>
            <div class="col-xs-6">

            ...some buttons..

            </div>
        </div>
    </div>
</div>

浮动页脚栏 - 使用Bootstrap隐藏

1 个答案: