代码之家  ›  专栏  ›  技术社区  ›  Dawn17

在我的Chrome扩展弹出窗口中使用引导CDN不起作用

  •  0
  • Dawn17  · 技术社区  · 5 年前

    我在Chrome扩展中使用了引导CDN,如下所示:

    <html>
    
    <head>
        <script src="popup.js"></script>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
            integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    </head>
    
    <body>
        <h1 id="player_name" style="text-align:center"></h1>
        <div class="card">
            <img id="player_img">
            <h1></h1>
            <div class="alert alert-primary" role="alert">
                A simple primary alert—check it out!
            </div>
            <div><span>Age: </span><span id="player_age"></span></div>
            <div><span>Position: </span><span id="player_pos"></span></div>
            <div><span>Nationality: </span><span id="player_nation"></span></div>
            <div><span>Preferred Foot: </span><span id="player_foot"></span></div>
            <button class="pure-button">A Pure Button</button>
        </div>
    </body>
    
    </html>
    

    希望此部分出现:

    <div class="alert alert-primary" role="alert">
                    A simple primary alert—check it out!
                </div>
    

    但是,它给了我这个没有任何错误的控制台

    enter image description here

    这个 popup.js 与此无关。

    有什么想法吗?

    1 回复  |  直到 5 年前
        1
  •  1
  •   Tushar Gupta    5 年前

    不存在类 alert-primary 在鞋带里。您可以使用以下类之一,也可以创建自己的类之一:

    • 警报成功
    • 警报信息
    • 警告
    • 警戒危险