Botón Bootstrap 3.0 en Navbar

Actualicé bootstrap 3.0 ahora. Y "una" etiqueta que se parece a btn (con la ayuda de la clase .btn) se arruina en la barra de navegación.

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

Pero no funciona correctamente. Bootstrap cambió el sistema, creo.

Envuelva <p class="navbar-btn">alrededor de <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/

Captura de pantalla:

Ahora, bootstrap 3 tiene botones en la barra de navegación como este:

<button type="button" class="btn btn-default navbar-btn">Sign in</button>

Utiliza navbar-btnpara saber que está en la barra de navegación.

Si quieres que funcione, haz esto:

<li>
    <form action="#">
        <button class="btn btn-default navbar-btn">Link</button>
    </form>
</li>

De esta manera, todavía actúa como una etiqueta de anclaje. Simplemente cambie #el valor al que realmente desea que vaya.

Entonces, para este caso:

<li>
    <form action="<?php echo BASE_PATH; ?>register.php">
        <button class="btn btn-default navbar-btn">Link</button>
    </form>
</li>

Con bootstrap 3, todavía es posible tener un <a>enlace renderizado como un botón, pero debe incluirlo en un archivo <form>. Además, <a>debe incluir la navbar-btnclase.

<li>
  <form>
    <a href="#" class="btn btn-primary btn-sm navbar-btn">
      register
    </a>
  </form>
</li>

El problema es que el selector para diseñar un ancla en una barra de navegación es: lo .nav > li > aque significa que tiene una prioridad más alta que un .navbar-btn.

Puede corregirlo simplemente envolviéndolo en otra etiqueta como un tramo. No creo que debas usar una etiqueta de formulario como sugieren otros, ya que no es un formulario en absoluto.

http://learnangular2.com/events/

OBJETO DEL EVENTO

Para capturar el objeto de evento, pase $ event como parámetro en la devolución de llamada de evento desde la plantilla:

<button (click)="clicked($event)"></button>

Esta es una manera fácil de modificar el evento, como llamar a preventDefault:

@Component(...)
class MyComponent {
  clicked(event) {
    event.preventDefault();
  }
}