Bootstrap ile bir düğme nasıl bağlanır?

Question

Bir düğme önyüklemeli bir düğmeye nasıl bağlanır?

<a href="#" class="btn btn-info" role="button">Link Button</a> 
<button type="button" class="btn btn-info">Button</button> 
<input type="button" class="btn btn-info" value="Input Button"> 
<input type="submit" class="btn btn-info" value="Submit Button"> 

İlki benim için çalışmaz, hiçbir düğme gösterileri, bağlantı ile sadece metin, bir kullanarak tema im his var:

önyükleme belgelerinde 4 yöntem vardır.

İkincisi, istediğim düğmeyi gösterir, ancak kod, tıklatıldığında düğmenin başka bir sayfaya nasıl bağlandığını gösterir?

Alkış

Answer 1

Sen düğmesinin click olayı bir işlevi çağırabilir.

<input type="button" class="btn btn-info" value="Input Button" onclick=" relocate_home()"> 

<script> 
function relocate_home() 
{ 
    location.href = "www.yoursite.com"; 
} 
</script> 

VEYA bunu kullanın Kod

<input type="button" class="btn btn-info" value="Input Button" onclick="location.href = 'http:\\www.google.com';"> 

Answer 2

gerçekten düğmesi eleman gerekmiyorsa, sadece sıradan bir bağlantı sınıfları taşıyın: Tersine

<div class="btn-group"> 
    <a href="/save/1" class="btn btn-primary active"> 
     <i class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></i> Save 
    </a> 
    <a href="/cancel/1" class="btn btn-default">Cancel</a> 
</div> 

yapabilirsiniz ayrıca bir bağlantıyı bir bağlantı gibi görünecek şekilde değiştirin:

<button type="button" class="btn btn-link">Link</button> 

Answer 3

en kolay çözüm örneklerinden birincisi şudur: sizin için çalışmıyor

<a href="#link" class="btn btn-info" role="button">Link Button</a> 

nedeni, söz hakkından, kullandığınız temada bir sorun olarak, büyük olasılıkla. Bunun için şişirilmiş ekstra işaretlemeye veya satır içi Javascript'e başvurmak için bir neden yoktur. örneğin BS4 beta unutmayın lütfen

<button type="button" class="btn btn-outline-success and-all-other-classes"> 
    <a href="#" style="color:inherit"> Button text with correct colors </a> 
</button> 

Answer 4

bir püf <button> işaretlemesinin içine doğru çalıştığından bağlantı renk elde etmek için

<button type="submit" onclick="location.href = 'your_link';">Login</button> 

sadece satır içi JS kodu bir bağlantı içinde bir düğme dönüştürebilir ekleme ve onun tasarımını tutarak: btn-outline-primary i muhtemelen çok yardımcı olacak bir basitçe çözüm bulmak yukarıdaki cevapları birleştiren btn-outline-primary

Answer 5

olarak değiştirildi.