Jquery 我能';t使用bootstrap&x27;在我的网站上创建一个灰色的大盒子;s";“嗯”;命令

Jquery 我能';t使用bootstrap&x27;在我的网站上创建一个灰色的大盒子;s";“嗯”;命令,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,这是我在codepens html工作表上的代码: <body> <div class="well"> <h1 class="text-primary container-fluid well"> My school - "HTL Donaustadt" </h1> </div> <img src="https://pbs.twimg.com/profile_images/2207244694/Logo_C

这是我在codepens html工作表上的代码:

<body>
  <div class="well">
      <h1 class="text-primary container-fluid well"> My school - "HTL Donaustadt" </h1>
  </div>
  <img src="https://pbs.twimg.com/profile_images/2207244694/Logo_CMYK_300dpi_400x400.jpg"
</body>

我的学校——“HTL多纳斯塔德”

你可以看到我从引导程序中插入了两次单词“well”,两次都不起作用。首先,我用除数来做一个父类(不起作用),也在h1中用它作为一个类(也不起作用)。我的目标是做一个中间的灰色框,我可以把图像和文字放进去。我是个新手,很抱歉问了这么多不好回答的问题。另外,我想了解的是,“容器”是我在这里需要理解的东西,以完成这个简单的任务吗

我希望这就是你需要的。在您提供的代码中,图像没有右大括号“>”。您可能遇到的问题是,您可能没有包含引导的源文件

<!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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
     <div class="well">
          <h1 class="text-primary container-fluid well"> My school - "HTL Donaustadt" </h1>
      </div>
    <img src="https://pbs.twimg.com/profile_images/2207244694/Logo_CMYK_300dpi_400x400.jpg">

    </body>
    </html>

引导示例
我的学校——“HTL多纳斯塔德”

您使用的是什么版本的引导?我很确定他们在v4中删除了这个井。你在你的网站上包括引导css了吗?我不知道你期望的是什么,但代码确实有效:你说,我必须像往常一样在页面顶部进行链接,即使是在代码笔上?耶,代码是对的,而且我忘了在html文档顶部添加引导库链接,我认为在codepen中,在选项中设置引导版本4之后,您不需要这样做,甚至。。。。对不起,我犯了错误