Explication détaillée des instances distantes de la boîte modale d'amorçage-js tutoriel-php.cn

Explication détaillée des instances distantes de la boîte modale d'amorçage

Y2J

Libérer： 2017-05-23 11:35:32

original

1640 Les gens l'ont consulté

Cet article présente principalement en détail l'exemple de code distant de la boîte modale bootstrap, qui a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

Les exemples de cet article partagent le modal bootstrap avec tout le monde. de la télécommande de la boîte est pour votre référence. Le contenu spécifique est le suivant

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
 <meta charset="utf-8"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 <title>XXX</title> 
 <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"> 
 <link rel="stylesheet" href="css/main.css"> 
 <!--[if lt IE 9]> 
 <script src="lib/html5shiv/html5shiv.min.js"></script> 
 <script src="lib/respond/respond.min.js"></script> 
 <![endif]--> 
</head> 
<body> 
<!--通过按钮可以加载模态框内容，一定要加上头部和底部--> 
   <p class="modal-header"> 
    <!--关闭按钮--> 
    <button class="close" data-dismiss="modal"><!--可以关闭模态框--> 
     <span>×</span> 
    </button> 
    <!--头部标题--> 
    <h4 class="modal-title">远程登录</h4> 
   </p> 
   <p class="modal-body"> 
    <!--<p>暂时无法注册</p>--> 
    <p class="container-fluid"><!--在模态框主体部分还可以加入流体的栅格系统，一定是流体--> 
     <p class="row"> 
      <p class="col-lg-4 col-md-4 col-sm-6">haha</p> 
      <p class="col-lg-4 col-md-4 col-sm-6">hehe</p> 
      <p class="col-lg-4 col-md-4 col-sm-6">heihei</p> 
     </p> 
    </p> 
   </p> 
   <p class="modal-footer"> 
    <button class="btn btn-default">远程</button> 
    <button class="btn btn-primary">远程</button> 
   </p> 
<script src="lib/jquery/jquery.js"></script> 
<script src="lib/bootstrap/js/bootstrap.js"></script> 
<script src="js/main.js"></script> 
</body> 
 
</html>

Copier après la connexion

[Recommandations associées]

1 Tutoriel vidéo gratuit Javascript

2. Explication détaillée du code pour angulaireJS pour implémenter les requêtes $http.post et $http.get

3. Tutoriel sur l'utilisation du plug-in contextuel de couche

4.Le développement JS utilise l'organisation du code de carte Baidu

5 Utilisez node.js pour analyser le fichier de sortie URL vers le client

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!