Fatal编程技术网

Javascript 如何添加引导？

javascript html twitter-bootstrap

Javascript 如何添加引导？,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,如何将引导添加到我的HTML页面。 我一直在努力寻找，但我不明白。 我只想知道需要什么和要包括在这里面的元标签 <html> <head><title>Cube</title></head> <body> <div class="info">Hello Everyone</div> </body> </html> 通过添加CDN <html>

如何将引导添加到我的HTML页面。 我一直在努力寻找，但我不明白。 我只想知道需要什么和要包括在这里面的元标签

<html>
<head><title>Cube</title></head>
<body>
    <div class="info">Hello Everyone</div>
</body>
</html>
通过添加CDN

      <html>
        <head>
           <title>Cube</title>
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">   
        </head>

        <body>
            <div class="info">Hello Everyone</div>
        </body>
       </html>
有关示例，请参见本页-

下面的代码将为您提供一个基本的html页面，但我建议您阅读文档并学习如何只包含所需的组件

如果您通常只是javascript组件中的一小部分，或者根本没有javascript组件，那么包含完整的文件就没有什么意义了。CSS也是如此。你只会给你的页面增加不必要的权重

例如，如果您只需要引导网格而不需要其他组件，那么就可以使用引导网格

如果您对bootstrap还不熟悉的话，您需要阅读文档以了解如何使用bootstrap中内置的所有内容，因此在开始开发之前探索该站点是一个好主意

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  </body>
</html>
在bootstrap网站上有一些例子。我一直在尝试搜索，但是。。。嗯，。我建议你从bootstrap网站下载lib和示例。请访问我一直试图搜索的网站，但是。。。通常翻译为我寻找复制粘贴代码，但我找不到，我不想阅读文档，因为我很懒。文档永远是你的朋友。如何检查它是否被添加？@VatsalSharma通过复制我的示例这甚至不是nessecary的一半。只需使用bootstrap网站上的示例即可。@GeraldSchneider。这是我的一篇讽刺文章，它给了瓦萨尔这个基本的例子。谷歌显然不是他的朋友。Bootstrap CDN中包含的JavaScript需要与jQuery一起使用，此外，如果没有告诉手机允许Bootstrap发挥神奇作用的元标记，网站将无法响应。