如何调用 Bootstrap CDN 到 JSF

Question

我的教授正在让我的 class 使用 JSF 来构建我们的网站，而我对 xhtml 语法不太熟悉。我想使用 Bootstrap，因为我习惯将它用于 html。

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

但是我得到这个错误：

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

Answer 1

好教授。

关闭您的标签：

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

如果您的 css 是本地的，您还应该添加 type="text/css" 或使用 <h:outputStylesheet

如何调用 Bootstrap CDN 到 JSF

How do I call Bootstrap CDN to JSF

xhtml

jsf

cdn