<div class="container" style="padding-top: 1em;">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">Título del panel</h3>
    </div>
    <div class="panel-body">
      Contenido del panel
    </div>
  </div>

  <div class="panel panel-success">
    <div class="panel-heading">
      <h3 class="panel-title">Título del panel</h3>
    </div>
    <div class="panel-body">
      Contenido del panel
    </div>
  </div>

  <div class="panel panel-info">
    <div class="panel-heading">
      <h3 class="panel-title">Título del panel</h3>
    </div>
    <div class="panel-body">
      Contenido del panel
    </div>
  </div>

  <div class="panel panel-warning">
    <div class="panel-heading">
      <h3 class="panel-title">Título del panel</h3>
    </div>
    <div class="panel-body">
      Contenido del panel
    </div>
  </div>

  <div class="panel panel-danger">
    <div class="panel-heading">
      <h3 class="panel-title">Título del panel</h3>
    </div>
    <div class="panel-body">
      Contenido del panel
    </div>
  </div>
</div>

External CSS

  1. //maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.