ブートストラップ：グリフィンが表示されないのはなぜですか？

編集：className = classのJSXを使用します。ブートストラップ：グリフィンが表示されないのはなぜですか？

私はちょうど私のように、コンポーネントを反応させるために、いくつかのブートストラップを追加しました：

<div className="col-xs-2"> 
    <a onClick={this.deleteButtonClicked.bind(this, book)}><span className="glyphicon glyphicon-remove"></span></a> 
</div>

しかしglyphiconは、ページ上に表示されません。私はグリッドシステムが動作するので、プロジェクトにBootstrapを正しく組み込んだと確信しています。

これは、生成されたHTMLです：

<a data-reactid=".0.1:$0.0.1.0"><span class="glyphicon glyphicon-remove" data-reactid=".0.1:$0.0.1.0.0"></span></a>

あなたは問題が何であるかを知っていますか？

編集2：ここで生成されたCSS

box-sizing: border-box 
color: rgb(2, 117, 216) 
display: inline 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif 
font-size: 16px 
height: auto 
line-height: 24px 
width: auto

出典

2016-04-16 hellogoodnight

は、ブラウザでのdevのツールでのspan要素を点検し、何を参照するためにあなたは、CSSをダウンロードすることをあなたは、ブートストラップCDNを持っていることを確認してくださいまたは働いていますスタイルが適用されています。 – HaukurHaf

私は何を探していますか？ – hellogoodnight

あなたのHTMLはOKです。たとえば次のような開発ツールを使用します。 ChromeはレンダリングされたスパンのCSSがどのように見えるかを確認します。 –

は、次のコードは、コードとブートストラップCSSを使用して作業しているです。だからあなたのCSSへのリンクやフォントの利用可能性の中に何かあるはずです（URLはCSSにあります）。自分のサーバーでCSSを使用している場合は、プロジェクトにCSSを含めるだけでは不十分です。フォントも使用可能でなければなりません。

<html> 
 
    <head> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
    </head> 
 
    <body> 
 
    <a data-reactid=".0.1:$0.0.1.0"><span class="glyphicon glyphicon-remove" data-reactid=".0.1:$0.0.1.0.0"></span></a> 
 
    </body> 
 
</html>

出典

2016-04-16 12:45:44

[OK]を、どこでフォントを見つけるのですか？ – hellogoodnight

気にしない、分かった。どうもありがとう – hellogoodnight

コードはちょうどそれ

出典

2016-04-16 12:56:41 morogoyo

ブートストラップ：グリフィンが表示されないのはなぜですか？

答えて

関連する問題