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.
Respuestas:
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:
btn-block, alinea el texto de manera centralizada, por lo que no coincide con otros enlaces.
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>
/appla URL de resultado, es /app?(tenga en cuenta el signo de interrogación adicional).
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>
<div>trabajos, en lugar de <form>que no sea semántico. La clave es no convertirlo en aun hijo directo <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();
}
}