Home > Article > Web Front-end > Detailed explanation of remote instances of bootstrap modal box

Detailed explanation of remote instances of bootstrap modal box

Y2JOriginal: 2017-05-23 11:35:321628browse

This article mainly introduces the bootstrap modal box remote sample code in detail, which has a certain reference value. Interested friends can refer to it.

The examples in this article share the bootstrap modal with everyone. The specific code of the box remote is for your reference. The specific content is as follows

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

[Related recommendations]

1. Javacript free video tutorial

2. angularJS implementation of $http.post and $http.get request code detailed explanation

3. Layer pop-up plug-in usage tutorial

4. JS development uses Baidu map code organization

5. Use node.js to analyze the url output file to the client

The above is the detailed content of Detailed explanation of remote instances of bootstrap modal box. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed code explanation of angularJS implementing $http.post and $http.get requestsNext article：Detailed code explanation of angularJS implementing $http.post and $http.get requests

See more

Detailed explanation of remote instances of bootstrap modal box

Related articles