简单的html页面使用Bootstrap

Simple html page using Bootstrap

本文关键字：Bootstrap html 简单      更新时间：2023-09-26

我正在使用Twitter Bootstrap编写一个简单的HTML页面。

但是导航栏和链接在浏览器上呈现为普通的HTML。

我已经提到了多个网站，但相同的步骤是无处不在。我不确定我哪里出错了。

代码:

    <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
<link rel= "stylesheet" href= "css/bootstrap.css"  type="text/css">
<title> Bootstrap example</title>
</head>
<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="js/bootstrap.js"></script>
<h1>Hello, world!</h1>
 <div class ="container">
 <h1><a href="#">Bootstrap Site</a></h1>
 <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <ul class="nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Projects</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Downloads</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                  </ul>
                </div>
              </div>
            </div>
            </div>
</body>
</html>

您使用了不正确的引号(”而不是"或')并且缺少一些相等(=)符号。变化:

<meta charset=”utf-8”> 
<link rel ”stylesheet” href ”css/bootstrap.css”  type=”text/css”>
...
<script src ”js/bootstrap.js”></script>

: 

<meta charset="utf-8"> 
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
...
<script src="js/bootstrap.js"></script>

你没有包括bootstrap(可能是从某个地方复制/粘贴错误)。

改变
<link rel ”stylesheet” href ”css/bootstrap.css”  type=”text/css”>
<script src ”js/bootstrap.js”></script>


<link rel="stylesheet" href="css/bootstrap.css" type="text/css"></link>
<script src="js/bootstrap.js"></script>
相关文章：