Maison > Article > interface Web > Explication détaillée des instances distantes de la boîte modale d'amorçage

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

Y2Joriginal: 2017-05-23 11:35:321628parcourir

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>

[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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée du code d'angularJS implémentant les requêtes $http.post et $http.getArticle suivant：Explication détaillée du code d'angularJS implémentant les requêtes $http.post et $http.get

Articles Liés

Voir plus