<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="alert" role="alert">
<p>Well done! You successfully read this important alert message.</p>
<div class="panel panel-primary">
<div class="panel-heading">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Texto cabecera
</div>
<div class="panel-body">
<div class="col-md-3">
<strong>Acuerdo</strong>
<span>Lorem ipsum dolor...</span>
</div>
<div class="col-md-3">
<strong>Fecha</strong>
<span>2014-12-27</span>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
<strong>Cliente</strong>
<span>LA12345678 - Nombre super largo de cliente</span>
</div>
<div class="clearfix"></div>
