codigo:
Código:
es un modal el cual desea mostrar una especie de cuadricual con imagenes y su informacion a lado derecho esta informacion y su src proviene de una base d e datos<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#tipo_cajas">Box</button> <div class="modal fade bs-example-modal-lg" role="dialog" aria-labelledby="tipo_cajas" id="tipo_cajas"> <div class="modal-dialog modal-dialog-fullscreen" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="tipo_cajas">BOX TYPE</h4> </div> <div class="modal-body clearfix"> <div class="row clear" > <form class="form-horizontal" role="form" name="frm_info_cajas" id="frm_info_cajas"> <?php $i=0; $a=0; foreach($this->result as $reg) { $i++; ?> <div class="col-sm-3"> <div class="col-sm-12" > <div class="col-sm-4"> <img src="<?php echo ($this->basePath().$reg['url_foto']); ?>" class="img-responsive" > </div> <div class="col-sm-4"> <table class="table table-striped table-bordered"> <caption><?php echo($reg['nombre']); ?></caption> <tbody> <tr> <th>Length:</th> <th><?php echo($reg['largo'].'cm'); ?></th> </tr> <tr> <th>Width:</th> <th><?php echo($reg['ancho'].'cm'); ?></th> </tr> <tr> <th>Height:</th> <th><?php echo($reg['alto'].'cm'); ?></th> </tr> </tbody> </table> </div> </div> </div> <?php }//end foreach ?> </form> </div> </div> </div><!-- /.modal-content --> </div> </div> <!-- /.modal -->
php mysql
uso bootstrap