javascript - Bootstrap 在 hoover 将链接作为 btn 减半

Question

我的 HTML 代码：

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="admin">My Page</a>
                    <div class="nav">
                        <ul class="nav">
                            <li><?php echo anchor('admin', 'Home') ?></li>
                            <li><?php echo anchor('admin/emails', 'Eails') ?></li>
                            <li><?php echo anchor('admin/banners', 'Banners') ?></li>
                            <li><?php echo anchor('admin/text', 'Text') ?></li>
                            <li><?php echo anchor('admin/meta', 'Meta') ?></li>
                            <li><?php echo anchor('admin/pass', 'Password') ?></li>
                            <li>
                                <a class="btn btn-danger" href="<?php echo base_url(); ?>admin/logout"><i class="icon-off icon-white"></i>Logout</a>
                            </li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div><!--/.container -->
            </div><!--/.navbar-inner -->
        </div><!--/.navbar -->

结果还可以，但是在悬停时它会创建如下内容：

当它向上/切到按钮的一半时会有一个动画。

知道如何“关闭”引导程序中悬停时的向上滚动效果吗？