2016-09-06 71 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中可用。如果您使用的是旧版本,则无法使用。