为什么轮廓按钮 class 只显示灰色？

Question

我正在尝试在 bootstrap 中使用大纲按钮 class(btn btn-outline-primary) 但由于某些原因，所有按钮都没有颜色我只看到它们灰色在这里我是什么意思这是按钮的样子：https://ibb.co/ChKf83y 但这是他们寻找我的方式：https://ibb.co/8X1nHSn 这是代码：

    <html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>toggle</title>
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
    />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <style>
    #p {
      position: absolute;
      top: 50%;
      left: 50%;
    }
  </style>
  <body>
    <button  id="p" class="btn btn-outline-warning ">Random Videos</button>
    <button type="button" class="btn btn-outline-primary">Success</button>
  </body>
</html>

Answer 1

您正在使用 Bootstrap 3，Bootstrap 4 中引入了大纲按钮。您可以升级到 Bootstrap 4 或改用 CSS。

为什么轮廓按钮 class 只显示灰色？

why does the outline buttons class show me only gray color?

html

css

bootstrap-4