<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> <!------ Include the above in your HEAD tag ----------> <div class="center"><button data-toggle="modal" data-target="#squarespaceModal" class="btn btn-primary center-block">Click Me</button></div> <!-- line modal --> <div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h3 class="modal-title" id="lineModalLabel">Observaciones</h3> </div> <div class="modal-body" style="height:400px;overflow-y:auto;"> <div class="alert alert-warning"> <span class="badge">1</span> 4502707 NUMERO DE sssssssssssssssssssssssssssssssssssssssssssssssssssssssssTELEFONO LABORAL ANA Z 13-11-2009 </div> <div class="alert alert-warning"> <span class="badge">2</span> SE DIO DE BAJA CREDITO 6290-5263 POR SER UNA PRUEBA </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> <div class="alert alert-warning"> <span class="badge">3</span> ERIKA 26-11-2010 </div> </div> <div class="modal-footer"> <form class="form-horizontal"> <!-- Textarea --> <div class="form-group"> <textarea class="form-control" placeholder="Ingrese observación..." id="textarea" name="textarea"></textarea> </div> </form> <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Agergar Observacion</button> <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Cancelar</button> </div> </div> </div> </div>