引導按鈕

我使用的是引導V3，並試圖將href添加到按鈕：引導按鈕

<button type="button" class="btn btn-default" href="http://www.example.com" aria-label="Left Align"> 
<span class="glyphicon glyphicon-link" aria-hidden="true"></span> 
demo site</button>

但是單擊按鈕時，沒有任何情況發生，我做錯了什麼？

來源

2015-01-14 user1824963

爲什麼不使用一個錨標記...

<a class="btn btn-default" href="http://www.example.com" aria-label="Left Align"> 
    <span class="glyphicon glyphicon-link" aria-hidden="true"></span> 
    demo site 
</a>

演示：http://bootply.com/SbX40AknyT

來源

2015-01-14 15:38:14 ZimSystem

非常感謝我以爲按鈕應該做的伎倆，但我知道我應該用錨！ – user1824963

無論使用錨標記，或在處理的onClick處理程序中的重定向

來源

2015-01-14 15:39:45 Mefhisto1

你不能只用一個一個按鈕的href屬性。你有三種可能性來解決這個問題。

選項1使用Javascript

<button type="button" class="btn btn-default" onclick="window.location.href='http://stackoverflow.com/'" aria-label="Left Align"> 
        <span class="glyphicon glyphicon-link" aria-hidden="true"></span> 
        demo site 
    </button>

選項2無javascript

<form action="http://stackoverflow.com/"> 
    <button type="submit" class="btn btn-default" aria-label="Left Align"> 
        <span class="glyphicon glyphicon-link" aria-hidden="true"></span> 
        demo site 
    </button> 
</form>

選項3與另一個標籤（特別是自舉）

而且你可以只改變你的但是噸錨定標籤。

來源

2015-01-14 15:44:12

您的回答很好。你可以使用這些按鈕在一個頁面，發佈，甚至一個文本小工具。

http://www.bootply.com/GCHTzGZ5K0

<a class="btn btn-success" type="button" href="http://example.com">Success (Green) Button</a> 
<a class="btn btn-warning" type="button" href="http://example.com">Warning (Orange) Button</a> 
<a class="btn btn-primary" type="button" href="http://example.com">Primary (Blue) Button</a>

還有其他問題？請在論壇中發佈支持主題。 http://cyberchimps.com/forum/

來源

2015-01-14 19:57:47 Denise

href屬性是錨標記的屬性。這就是爲什麼Twitter引導程序允許您添加.btn類來錨定標籤的原因。因此，無論何時您需要創建鏈接，並且您打算將其設置爲按鈕樣式，請使用錨點「」標籤以及需要提交的表單，或者只是午餐模式對話框時，您可以使用該按鈕。

所以我們可以這樣修改你的代碼;

OLD：

<button type="button" class="btn btn-default" href="http://www.example.com" 
aria-label="Left Align"> 
    <span class="glyphicon glyphicon-link" aria-hidden="true"></span> 
    demo site</button>

新：

<a href="btn btn-default" href="http://www.example.com" aria-label="Left Align"> 
    <span class="glyphicon glyphicon-link" aria-hidden="true"></span>demo site</a>

來源

2015-01-14 23:07:43

-1

<a class="btn btn-default btn-lg" href="add url here" role="button"><b>Learn More!</b></a>

來源

2016-07-22 07:16:49

回答

相關問題