suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Remote-Instanzen der Bootstrap-Modalbox

Detaillierte Erläuterung der Remote-Instanzen der Bootstrap-Modalbox

Y2J
Y2JOriginal
2017-05-23 11:35:321719Durchsuche

In diesem Artikel wird hauptsächlich der Bootstrap-Modal-Box-Remote-Beispielcode ausführlich vorgestellt, der einen bestimmten Referenzwert hat.

Die Beispiele in diesem Artikel teilen den Bootstrap-Modal mit allen Der spezifische Inhalt der Box-Fernbedienung ist wie folgt:

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

[Verwandte Empfehlungen]

1 🎜> 2. Detaillierte Erläuterung des Codes für AngularJS zur Implementierung von $http.post- und $http.get-Anfragen

3. Tutorial zur Verwendung des Layer-Popup-Plug-Ins

4.JS-Entwicklung nutzt Baidu-Kartencode-Organisation

5.Verwenden Sie node.js, um die URL-Ausgabedatei für den Client zu analysieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Remote-Instanzen der Bootstrap-Modalbox. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Code-Erklärung von AngularJS, das $http.post- und $http.get-Anfragen implementiertNächster Artikel：Detaillierte Code-Erklärung von AngularJS, das $http.post- und $http.get-Anfragen implementiert

In Verbindung stehende Artikel

Mehr sehen