Bootstrap的大纲按钮表现得像普通按钮

时间:2016-09-06 16:57:57

标签: html css html5 twitter-bootstrap

我正在尝试使用Bootstrap的btn-outline-primary类来制作一个漂亮的按钮

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

我不知道为什么。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:4)

add_action( 'woocommerce_loaded', array( $this, 'includes' ) ); 仅在Bootstrap v4中可用,并且您已加载3.3.7。尝试给v4一个旋转,看它是否有效。

请参阅此bootply并在3.3.7和alpha v4之间切换到演示。

答案 1 :(得分:2)

您使用的是正确的bootstrap版本吗? btn-outline-primary仅在Bootstrap v4中可用。如果您使用的是旧版本,则无法使用。