Currently Twitter Bootstrap's navbar at the bottom (used as footer) slides down when the button is pushed on a phone screen or narrow window.

I want the menu to slide up instead of the default down.. Any ideas on how I can do this with twitter bootstrap?

the code used in the view layer of the navbar footer is as follows:

<footer id=footer class=navbar navbar-fixed-bottom>

    <div class=navbar-inner>

        <div class=container>

            <button type=button class=btn btn-navbar dropup data-toggle=collapse data-target=.show-footer>

                <span class=icon-bar></span>

                <span class=icon-bar></span>

                <span class=icon-bar></span>

            </button>



            <div class=nav-collapse collapse show-footer>

                <nav>

                    <ul class=nav pull-right>

                        <%= g_about_link(yield(:title)) %>

                        <%= g_contact_link(yield(:title)) %>

                        <%= g_faq_link(yield(:title)) %>

                        <%= g_careers_link(yield(:title)) %>

                        <%= g_privacy_link(yield(:title)) %>

                        <%= g_quotes_link(yield(:title)) %>

                        <%= g_terms_link(yield(:title)) %>

                        <li><a href=http://news.railstutorial.org/ target=_blank>News</a></li>



                    </ul>

                </nav>

            </div><!--/.nav-collapse -->

        </div>

    </div>

</footer>