在Navbar中的Bootstrap 3.0按钮

本文介绍了在Navbar中的Bootstrap 3.0按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我现在升级了bootstrap 3.0。而且看起来像btn（.btn类的帮助下）的a标签在navbar上被破坏。

I upgraded bootstrap 3.0 now. And "a" tag which looks like btn (by the help of class .btn) is ruined on navbar.

<li>
   <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm">
       <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?>
   </a>
</li>

但它无法正常工作。 Bootstrap改变了我的系统。

But it is not working correctly. Bootstrap changed the system i think.

推荐答案

包装在< a class =btn> 周围的 b

Wrap a <p class="navbar-btn"> around the <a class="btn">:

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <ul class="nav navbar-nav">
            <li>
                <p class="navbar-btn">
                    <a href="#" class="btn btn-default">I'm a link button!</a>
                </p>
            </li>
        </ul>
    </div>
</nav>

JSFiddle：

JSFiddle: http://jsfiddle.net/lachlan/398kj/

屏幕截图：

Screenshot:

                        这篇关于在Navbar中的Bootstrap 3.0按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！