麻烦显示Bootstrap模式

时间:2015-12-09 22:56:28

标签: twitter-bootstrap twitter-bootstrap-3 modal-dialog bootstrap-modal

我正在使用Boostrap Modal,我遇到了麻烦,模型没有显示出来。我正在使用laravel,所以我将发布生成的代码。我有几个小时试图让它有效,所以我将非常感谢你的帮助。这是HTML代码:

http://pastebin.com/UyB8CssU

代码是:

应该向我显示模态的链接:

<a href="#" data-toggle="modal" data-target="#DetalleSol1">

模态:

<!--Modal for Solicitud-->
<div class="modal fade modal-primary" id="DetalleSol1" tabindex="-1" role="dialog" aria-labelledby="mylabelmodal1">
    <div class="modal-dialog">
         <div class="modal-content">
              <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close1"><span aria-hidden="true">&times;</span></button>
                   <h4 class="modal-title" id="mylabelmodal1">Detalles de Solicitud</h4>
              </div>
              <div class="modal-body">
                   <label>Estudiante: </label> Tito Schulist MD Ryan<br>
                   <label>Tipo: </label>Reintegro<br>
                   <label>Estado:</label>Pendiente<br>
                   <label>Fecha: </label> 2015-12-07 23:02:06<br>
                   <Details><summary><label>Detalle: </label></summary><p>ejemplo de <b>reintegro</b> </p></Details><br>
                    <a id="button1" class="btn btn-danger btn-sm " href="http://localhost/passport/passport/public/secretaria/solicitudes/pdf/doc_1449529325.pdf" target="_blank"><i class="fa fa-download" style="margin-right: 3px;"></i><label>Descargar adjunto</label></a>                                                    
               </div>
               <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-outline center-block" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
     </div>

0 个答案:

没有答案