Bouton Bootstrap 3.0 dans la barre de navigation

J’ai mis à jour bootstrap 3.0 maintenant. Et “une” balise qui ressemble à btn (à l’aide de la classe .btn) est ruinée sur navbar.

  • <a href="https://stackoverflow.com/questions/18783763/bootstrap-3-0-button-in-navbar/register.php" class="btn btn-primary btn-sm"> <?php echo "" . _('Bayilik Başvurusu') . ""; ?>
  • Mais cela ne fonctionne pas correctement. Bootstrap a changé le système je pense.

    Enveloppez un

    autour de :

      

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

    Capture d’écran:
    Bouton de lien Bootstrap dans la barre de navigation

    Maintenant, bootstrap 3 a des boutons dans la barre de navigation comme ceci:

    Il utilise navbar-btn donc il sait que c’est dans la barre de navigation.

    Si vous voulez que cela fonctionne, faites ceci:

     
  • De cette façon, il agit toujours comme une balise d’ancrage. Changez simplement # pour la valeur que vous voulez réellement aller.

    Donc, pour cette instance:

     
  • Avec bootstrap 3, il est toujours possible de un lien sous forme de bouton, mais vous devez les inclure dans un

    . De plus, le doit inclure la classe navbar-btn .

     
  • register
  • Le problème est que le sélecteur de style d’une ancre dans une barre de navigation est: .nav > li > a ce qui signifie qu’il a une priorité supérieure à celle d’un .navbar-btn.

    Vous pouvez corriger le problème en l’enveloppant simplement dans une autre balise comme une étendue. Je ne pense pas que vous devriez utiliser une balise de formulaire comme d’autres le suggèrent, car ce n’est pas du tout une forme.

    http://learnangular2.com/events/

    OBJET D’ÉVÉNEMENT

    Pour capturer l’object événement, transmettez $ event en tant que paramètre dans le rappel d’événement du modèle:

      

    Ceci est un moyen simple de modifier l’événement, tel que l’appel de preventDefault:

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