Bootstrap 3超鏈接作爲導航欄中的按鈕

Question

我不可能在導航欄中做按鈕超鏈接，你能幫我嗎？我嘗試了很多選項，但沒有人工作......當我使用按鈕時，我無法使用href，當我使用<a>標記和btn類與navbar-btn時，它看起來不太好。

請給我建議。下面

Answer 1

該代碼創建鏈接的按鈕：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<a href="http://www.stackoverflow.com/" class="btn btn-info" role="button">Link Button</a>

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

這是自舉。當你想用按鈕創建一個鏈接時使用這個。

Answer 2

編輯：您的問題似乎在這裏有一個更明確的答案：Bootstrap 3.0 Button in Navbar

否則，這是我自己的觀察：

看看這個小提琴：https://jsfiddle.net/8khzok9s/

在這裏你可以看到那

<button type="button" class="btn btn-default">Default</button> 
<button type="button" class="btn btn-primary">Primary</button> 
<button type="button" class="btn btn-success">Success</button> 
<button type="button" class="btn btn-info">Info</button> 
<button type="button" class="btn btn-warning">Warning</button> 
<button type="button" class="btn btn-danger">Danger</button> 

看起來很像

<a class="btn btn-default">Default</a> 
<a class="btn btn-primary">Primary</a> 
<a class="btn btn-success">Success</a> 
<a class="btn btn-info">Info</a> 
<a class="btn btn-warning">Warning</a> 
<a class="btn btn-danger">Danger</a> 

這適用於標準，點擊和懸停樣式，這意味着當鼠標光標位於上方或激活單擊按鈕時。

你的情況的問題是，有一些其他的CSS干擾標準的引導CSS。你的情況好像是這樣的存在：

a{ 
    padding: 15px; 
    color: light-grey; 
} 

注意，您-button具有相同的文字顏色與其他菜單元素之一。錯誤在這裏。你需要做的是調試你的其他CSS，並確保（預期的）風格被特定於你想要影響的元素，並且被應用於所有的元素。

如果您使用的是chrome，請右鍵單擊該元素並選擇inspect元素，打開一個菜單，您可以在其中訪問和查看所有正在影響的css屬性。