2017-11-24 10 views
0

私は初めてブートストラップパネルを使用しています。私のパネルヘッダーとパネルボディーは私のパネルより少し奇妙です。私は、ブートストラップ・スタイリングが呼び出されている間、実際に何が起こっているかに関してちょっと固まっています。以下ブートストラップパネルのヘッ​​ダーとボディーがパネルより短い

enter image description here

enter image description here

コード:

<div class="software well row hidden"> 

     <div class="info"> 
      <div class="panel panel-success"> 
       <div class="panel-heading"><h3>This INSERT NAME is available to download!</h3></div> 
       <div class="panel-body"> 
        Or if you've tried that and experienced issues then please fill out the additional info box below and a member of the service desk will be in touch. 
       </div> 
      </div> 
     </div> 

    </div> 
+0

ブートストラップのバージョンは、このですか? v3? –

+0

@chadeはいそれは:) – hlh3406

+0

そして特定のバージョン? 3.3.7のように最新の –

答えて

1

のコメント:

うーん。 JSFiddleのエラーを[再現できません](https://jsfiddle.net/pbdevch/6t9afwdu/)。あなたのCSSがいくつかのテーマや独自のスタイルで上書きされているかどうかを調べてください。

応答:それは感謝だった

@chade - それは私が期待していたとして、私のパネルではなく、私のパネル-見出しを上書きしたCSSスタイルでした!

I'm answering this so other users with the same problem can easily determine the answer that was provided.

関連する問題