title: Bootstrap Panel Content not working properly
body: <p>I use bootstrap 2.3 But I need some bootstrap panels from bootstrap 3. Then I use that panel CSS part but that Panel content also goes inside panel title.</p>
  
  <p>Here you can see original Panel <a href="http://getbootstrap.com/components/#panels" rel="nofollow">CLICK HERE</a></p>
  
  <p>I got some CSS parts from it. But it's unsuccessful. Here I create a Fiddle
  here I paste some codes also</p>
  
  <pre><code>.panel-primary {
      border-color: #428BCA;
  }
  
  .panel {
      background-color: #FFFFFF;
     /*border: 1px solid rgba(0, 0, 0, 0);*/
      border-radius: 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      margin-bottom: 20px;
  }
  
  .panel-primary &gt; .panel-heading {
      background-color: #428BCA;
      border-color: #428BCA;
      color: #FFFFFF;
  }
  
  .panel-heading {
      /*/border-bottom: 1px solid rgba(0, 0, 0, 0);*/
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      padding: 10px 15px;
  }
  
  .panel-title {
      color: inherit;
      font-size: 16px;
      margin-bottom: 0;
      margin-top: 0;
  }
  
  .panel-body:before, .panel-body:after
  {
      content: " ";
      display: table;
  }
  
  .panel-body:after
  {
  clear: both;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6XKdX/" rel="nofollow">JSFIDDLE</a></p>