模态形式不起作用

时间:2016-04-13 21:21:32

标签: javascript jquery forms twitter-bootstrap header

我在http://www.bootply.com/60244找到了很好的模态表单,但是当我尝试在我的代码中运行它时,我点击了"启动模态"后得到空内容。可能我没有一些样式表或图书馆。

<head>
<title></title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext" type="text/css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet">


<script src="js/jquery.js"></script>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>

任何人都知道我需要运行它吗?在bootply一切都很好。

2 个答案:

答案 0 :(得分:0)

Bootstrap使用require the use of the HTML5 doctype的某些HTML元素和CSS属性。将其包含在所有项目的开头。

<!DOCTYPE html>
<html lang="en">
...
</html>

答案 1 :(得分:0)

我找到了原因 - Bootstrap v2.3.1,我使用3.3 +。