twitter bootstrap href Taste funktioniert nicht

Erstelle ich ein html-template für eine django-basierte app. Ich bin mit dem twitter bootstrap API für buttons hier, aber einer von Ihnen (der cancel-Taste) scheint nicht zu funktionieren richtig. Ich link Sie zu einer anderen Seite mit einem href, aber wenn ich auf den button klicken, leitet es auf die aktuelle Seite die post-Methode. Siehe unten:

<h2>Add new Schedule:</h2>
<form class="form-horizontal" method='post'>
<table>
{% load bootstrap %}
{{ form|bootstrap }}
{% csrf_token %}
<tr>
<td></td>
<td>
<input class="btn btn-primary" type='submit' name='reset' value='Save' />
</td>
<td></td>
<td><a href='{%url head.views.edit_instance_binding binding.id %}'><button class="btn     btn-inverse" type="submit">Cancel</button></a></td>
</tr>
</table>
</form>

Allerdings, wenn ich loszuwerden der Knopf und verwenden Sie es als eine einfache href scheint es zu funktionieren:
<td><a href='{%url head.views.edit_instance_binding binding.id %}'>Cancel</a></td>

Was ist denn hier Los?

Warum nicht versuchen, die btn-Klasse auf den hyperlink, es selbst, anstatt Platzierung einen submit-button in einen hyperlink?
yup, hat funktioniert, ich dachte man könnte nur eine button-Klasse, wenn Sie ein button-tag (ich bin neu in webdev)

InformationsquelleAutor still.Learning | 2012-09-11

  1. 13

    Haben Sie eine <button> innerhalb einer <a> element - loszuwerden, die Taste, andernfalls werden Sie die übermittlung Ihrer form.

    Wenn Sie möchten, dass Ihre Anker gestylt zu sein, wie eine Schaltfläche, geben Sie einen btn Klasse.

    Und Bootstrap ist nur eine große Reihe von CSS-Einrichtungen mit wenig js geworfen - keine APIs an alle :))

    EDIT: heute HTML-Semantik und Aussehen sind gut getrennt [wenn jemand kann argumentieren, dass Bootstrap hat seine hacks in Bezug auf diese finden Sie Ihre <i>'s Verwendung für die icons].

    Halten Sie das Auge auf Ihren Fall, Sie wollten mit einem <button> Stil eine einfache Anker wie ein geprägter Knopf. Aber ein <button> tag ist nur ein Weg, um ein reicher <input type="submit">, in dem Sie können Bilder einfügen, zum Beispiel (siehe den BS Beispiele, die die Symbole neben den Tasten].

    Gut, <input type="submit"> und <button> innerhalb einer <form> auslösen, dessen action, d.h. Sie veröffentlichen einige Daten des Benutzers eingegeben werden, um diese Lage.

    Wenn Sie nur brauchen, um zu erreichen einige URL, ohne, dass alles, was, die Sie brauchen, in ein Anker-tag [<a>], die formatiert werden können, wie Sie möchten, z.B. mit BS btn, btn-primary, btn-whateva Klassen.

    das funktionierte perfekt 🙂 ich bin neu auf bootstrap und webdev im Allgemeinen, ich Frage mich, wenn Sie erklären könnte, warum es nicht so funktionieren, wie ich es gemacht habe (nur für meine Kenntnisse). Vielen Dank 🙂
    Ich werde Bearbeiten Sie die Antwort mit einer kurzen Erklärung ^^

    InformationsquelleAutor moonwave99

Schreibe einen Kommentar