将HTML页面连接到引导（jumbotron）_Html_Css_Twitter Bootstrap

将HTML页面连接到引导（jumbotron）

html css twitter-bootstrap

将HTML页面连接到引导（jumbotron）,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我一直在尝试制作一个简单的静态网页，其中包含一些引导功能。我在AWSEC2实例上设置了一个LAMP服务器来实现这一点为了尝试一些东西，我只想使用一个jumbotron来确保我能够将bootstap库连接到我的html页面。我在某个时候完成了这项工作，但我停止了这项工作，几周后回来继续工作。我从我停下来的地方接起，代码是一样的，但这一次，我工作的jumbotron已经不存在了。基本上，我制作的html页面是一个典型的html页面，字体正常，没有jumbotron效果。我的代码如下： <!D

我一直在尝试制作一个简单的静态网页，其中包含一些引导功能。我在AWSEC2实例上设置了一个LAMP服务器来实现这一点

为了尝试一些东西，我只想使用一个jumbotron来确保我能够将bootstap库连接到我的html页面。我在某个时候完成了这项工作，但我停止了这项工作，几周后回来继续工作。我从我停下来的地方接起，代码是一样的，但这一次，我工作的jumbotron已经不存在了。基本上，我制作的html页面是一个典型的html页面，字体正常，没有jumbotron效果。我的代码如下：

<!DOCTYPE html>

<html lang="en">

<head>
<title>Test</title>

<meta charset="utf-8">
<!--meta tag viewport purpose is to scale screen correctly-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="css/bootstrap.min.css" >
<link href="custom.css" rel="stylesheet" >


</head>

<body>

<div class = "jumbotron">
    <div class = "container"> 
      <h1>Welcome to landing page!</h1>
     <p>This is an example for jumbotron.</p>
  </div>
</div>


</body>



</html>


试验
欢迎来到登陆页面！
这是jumbotron的一个例子

我提到这是在AWSEC2实例中完成的。因此，假设我的html文件的路径是/var/www/html。html目录包含my.html文件，该文件是我的静态网页，还包含从bootstrap下载的js、fonts和css目录。所以同样，html目录内容包括：

css custom.css字体js Will.html

我很困惑我是如何把代码一个人留下的，几周后回来，jumbotron就不再工作了。最初有一个主引导目录，其中包含css、fonts和js目录，但我只是去掉了主目录，将三个目录放在与html页面相同的级别上。不过这不重要，我只是更改了这些目录的路径。我在aws ec2实例上更新了我的LAMP服务器，所以这可能导致了问题。不确定，但是，任何关于如何让这个巨型机器人工作的帮助都会很好

谢谢

试试这个

<!DOCTYPE html> <html lang="en"> <head> <title>Test</title> <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-cale=1.0"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" > <link href="custom.css" rel="stylesheet" > </head> <body> <div class = "jumbotron"> <div class = "container"> <h1>Welcome to landing page!</h1> <p>This is an example for jumbotron.</p> </div> </div> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </html>

试验欢迎来到登陆页面！这是jumbotron的一个例子