在我的HTML页面中包含 Bootstrap

ktca8awb 于 11个月前发布在 Bootstrap

关注(0)|答案(5)|浏览(155)

我有这个非常简单的代码行.我刚刚开始在做一些JavaScript编码，但我不能使这个工作.你能告诉我为什么吗？

<html>
<head>
    <script src="bootstrap.min.js"></script>
    <title>My Website</title>
</head>
<body>
    <p>This is an example of a paragraph.</p>
    <button type="button" class="btn btn-danger">Danger daw!</button>
</body>
</html>

字符串
引导数据库未显示在页面上。

twitter-bootstrap

来源：https://stackoverflow.com/questions/35265976/include-bootstrap-in-my-html-page

5条答案

按热度按时间

wfveoks01#

Bootsrap有JavaScript，CSS和一个可选的主题。从引导网站上的Getting Started链接，您可以获得以下代码，这些代码将为您包含所有这些内容。如果您自己托管文件，只需更新文件的路径。

<!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

字符串

赞(0）回复(0）举报 11个月前

gzjq41n42#

你应该包括css文件路径，在这里我使用BootstrapCDN。并尝试学习从here引导。我希望这是有帮助的。

<html>
  <head>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <title>My Website</title>
 </head>
 <body>
   <p>This is an example of a paragraph.</p>
   <button type="button" class="btn btn-danger">Danger daw!</button>
</body>
</html>

字符串

赞(0）回复(0）举报 11个月前

wnrlj8wa3#

Bootstrap需要jquery作为依赖项。
使用RDN87建议的以下代码

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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>
</head>
<body>

<div class="container">
  <h1>Bootstrap</h1>
  <p>Text goes here</p>
</div>

</body>
</html>

字符串

赞(0）回复(0）举报 11个月前

xghobddn4#

在head标签之间添加以下内容：

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

字符串

赞(0）回复(0）举报 11个月前

j2cgzkjk5#

你错过了包括CSS。

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

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

字符串

赞(0）回复(0）举报 11个月前

我来回答

在我的HTML页面中包含 Bootstrap

5条答案

相关问题

热门标签

最新问答