Question

我正在尝试使用bootstrap4和create-react-app。我意识到bootstrap.min.css丢失了所以我在index.html的公共文件夹

中放了以下行

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" 
integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
crossorigin="anonymous">

我尝试使用卡片，颜色不见了。

        <div className="card card-inverse card-primary mb-3 text-center">
            <div className="card-block">
                <blockquote className="card-blockquote">
                    React.js
                </blockquote>
            </div>
        </div>

如果我之后输入了类似的信件

<head>s
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" 
integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
crossorigin="anonymous">

卡片颜色会显示。如果我然后删除该字母并点击保存颜色消失。这是怎么回事？

Answer 1

实际上我不知道我应该在页面上看到什么，但我可以帮助你使用create-react-app的实时编辑器。我为你做了同样的事情，并在屏幕sandbox link

上获得了一些不错的观点

reactjs create-react-app bootstrap4卡无法正确呈现

1 个答案: