Question

Blazor开发环境的新功能。我想使用Bootstrap 4进行UI设计，例如使用Fontawesome和CDN中的其他内容。
当我的PC连接到Internet并在本地运行应用程序时，会下载以下内容吗？

1.
 <script src="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></script>

2.
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"
            integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
            crossorigin="anonymous">
    </script>
3.
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
            crossorigin="anonymous">

    </script>
4.
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
            crossorigin="anonymous">
    </script>

问题：我没有得到任何FontAwesome

<div class="col-md-6">
            <p>testing testing</p>
            <div class="media">
                <i class="fa fa-eye" aria-hidden="true"></i>
                <div class="media-body">
                    <h5 class="mt-0">Test1</h5>
                    Desc1

                </div>
            </div>

            <div class="media">
                <i class="fa fa-dot-circle" aria-hidden="true"></i>
                <div class="media-body">
                    <h5 class="mt-0">test2</h5>
                    Desc2

                </div>
            </div>

谢谢

Answer 1

您有一个脚本标记引用的字体真棒CSS，将其更改为链接标记，它将起作用

    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

如何使用CDN设置blazor进行本地测试

1 个答案: