2017-01-30 1 views
0

Mein Professor macht meine Klasse JSF verwenden, um unsere Website zu bauen, und ich bin nicht vertraut mit der XHTML-Syntax. Ich möchte Bootstrap verwenden, da ich es gewohnt bin, es für HTML zu verwenden.Wie rufe ich Bootstrap CDN zu JSF

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://xmlns.jcp.org/jsf/html"> 
    <h:head> 
     <title>Facelet Title</title> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    </h:head> 
    <h:body> 
     <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
      <a class="navbar-brand" href="#">WebSiteName</a> 
      </div> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Page 1</a></li> 
      <li><a href="#">Page 2</a></li> 
      <li><a href="#">Page 3</a></li> 
      </ul> 
     </div> 
     </nav> 
    </h:body> 
</html> 

Aber ich bekomme diese Fehlermeldung:

Error Parsing /index.xhtml: Error Traced[line: 10] The element type "link" must be terminated by the matching end-tag "".

Antwort

1

Guten Professor.

schließen Sie Ihren Tag auf:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 

Sie auch type="text/css" oder <h:outputStylesheet verwenden sollte hinzufügen, wenn Ihr css

+0

Lol oh Güte lokal ist .. Sie soo viel danken. Ich wurde verrückt x) – Jake

+3

keine Sorgen .. viel Glück mit dir JSF Venture. –

+0

hmmm Ich würde das nicht als "guten Professor" bezeichnen. Lehrjsf ja. aber den Schülern beizubringen, wie man google zur Fehlersuche benutzt, sollte eine hohe Priorität haben ... ;-) – Kukeltje