Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap 3.0 Button in 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> 

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

like image 724
Cihan Küsmez Avatar asked Sep 13 '13 10:09

Cihan Küsmez


1 Answers

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: http://jsfiddle.net/lachlan/398kj/

Screenshot:
Bootstrap link button in navbar

like image 90
Lachlan Arthur Avatar answered Oct 14 '22 00:10

Lachlan Arthur