twitter-bootstrap-3 ASP.NETでパネルが表示されない

Question

私はASP.NET 4.0でBootstrapを使い始めています。

私は自分のプロジェクトにブートストラップをインポートし、サンプルコードに示されているjQueryスクリプト行を追加しました。ここで

は、私が追加しようとしているパネルのコードです：

<div class="panel panel-primary"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Customer ID</h3> 
    </div> 
    <div class="panel-body"> 
     Customer Id Input 
    </div> 
</div> 

テキスト表示されるが、それはブートストラップ用パネルとして表示されません。

ありがとうございます。

Answer 1

これはうまくいくはずです。あなたは、他のCSSや不足しているブートストラップCSSから問題があるかもしれません。 他のCSSコードでブートストラップCSSをオーバーライドしている可能性があります。

パネル要素のinspect要素を確認し、その要素がどのクラスを使用しているかを確認します。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="panel panel-primary"> 
 
    <div class="panel-heading"> 
 
     <h3 class="panel-title">Customer ID</h3> 
 
    </div> 
 
    <div class="panel-body"> 
 
     Customer Id Input 
 
    </div> 
 
</div>

いくつかのことは、あなたのhtml形式と間違っているように見える：