2016-09-06 61 views
1

我試圖用引導的BTN-大綱初級班做一個好看的按鈕,這樣引導的大綱按鈕行爲像常規按鈕

enter image description here

然而,當我嘗試這樣做,在我HTML代碼

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title></title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    </head> 
    <body> 
     <button type="button" class="btn btn-outline-primary">Primary</button> 
     <button type="button" class="btn btn-outline-primary">Primary</button> 
    </body> 
</html> 

按鈕出來的固體

enter image description here

我不知道爲什麼。任何幫助將不勝感激。

+1

btn-primary-outline是bootstrap 4,這可能是它不工作的原因。 http://v4-alpha.getbootstrap.com/components/buttons/#button-tags –

回答

4

btn-outline-primary僅在Bootstrap v4有效,並且您已加載3.3.7。嘗試給v4一個旋轉,看看它是否工作。

看到這個bootply並在3.3.7和alpha v4之間切換進行演示。

1

你使用正確的引導版本嗎? btn-outline-primary僅在Bootstrap v4中可用。如果您使用的是舊版本,則無法使用。