0
私はcreate-react-appでbootstrap4を使用しようとしています。私はので、私は、私はカードを使用してみましたパブリックフォルダreactjs create-reaction-app bootstrap4カードが正しくレンダリングされない
<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">
にindex.htmlの中に次の行を入れて、色が欠落していたbootstrap.min.cssが欠落していたが実現しました。
<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">
に文字を入力した場合。私はその後、文字を削除し、色が消えた保存をヒットした場合。ここで何が起こっているのですか？
レンダリングの問題です。私は2つの出力を取ってdiffツールでそれらを比較し、
セクションも異なってレンダリングされました。何が起こったのかわかりません – Mokあなたはブートストラップ4を使用する必要がありますか？アルファ版です。実際にnpmにはバージョン3.7のブートストラップモジュールがありますので、index.jsファイルのimport 'bootstrap/dist/css/bootstrap.css'で簡単に使用できます。そして4番目のバージョンが必要な場合は、このcssファイルをあなたのフォルダにダウンロードして、index.jsファイルに './bootstrap.min.css'をインポートして使用することができます。 –
いいえ、このバージョンを使用する必要はありません。私は概念証明をしているので、私はすべての実験的なものを使い始めました。私はそれを最後に働かせました。私はこれのようなブートストラップを使用したことはありませんでした。私は実際のリアストラップコンポーネントと通常のdivとクラスを使用しませんでした。私はスイッチを入れてそれを適切にやりました。 – Mok