2016-05-03 4 views
0

Ich habe versucht, eine einfache statische Webseite mit einigen Bootstrap-Funktionalität zu machen. Ich habe einen LAMP-Server in einer AWS ec2-Instanz eingerichtet, um dies zu erreichen.Verbinden Sie die HTML-Seite mit Bootstrap (Jumbotron)

Um einige Dinge auszuprobieren, wollte ich nur einen Jumbotron verwenden, um sicherzustellen, dass ich die Bootstap-Bibliothek mit meiner HTML-Seite verbinden konnte. Ich habe das irgendwann geschafft, aber ich habe aufgehört, daran zu arbeiten und kam ein paar Wochen später zurück, um fortzufahren. Ich nahm auf, wo ich aufgehört hatte, mit dem gleichen genauen Code, aber dieses Mal war der Jumbo, an dem ich arbeitete, nicht mehr vorhanden. Im Grunde war die HTML-Seite, die ich gemacht habe, eine typische HTML-Seite mit normalen Schriften und ohne Jumbo-Effekt. Mein Code ist unten:

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

Ich erwähnte dies in einer AWS EC2-Instanz getan wird. Angenommen, der Pfad zu meiner HTML-Datei lautet/var/www/html. Das html-Verzeichnis enthält meine .html-Datei, die meine statische Webseite ist, und enthält auch die Verzeichnisse js, fonts und css, die vom Bootstrap heruntergeladen wurden. Also ... noch einmal, html Inhalte sind:

css custom.css Schriftarten js Will.html

Ich bin verwirrt, wie ich den Code in Ruhe gelassen und nach kommen ein paar Wochen später wieder , das Jumbotron funktionierte nicht mehr. Anfangs gab es ein Master-Bootstrap-Verzeichnis, das die Verzeichnisse css, fonts und js enthielt, aber ich habe dieses Hauptverzeichnis einfach losgeworden und die drei Verzeichnisse auf die gleiche Ebene wie die html-Seite gestellt. Das sollte aber egal sein, ich habe nur den Pfad zu diesen Verzeichnissen geändert. Ich habe meinen LAMP-Server auf der aws ec2-Instanz aktualisiert, also könnte das ein Problem verursachen. Nicht sicher, aber jede Hilfe, wie man dieses Jumbotron zum Laufen bringt, wäre großartig.

Danke.

Antwort

0

versuchen diese

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