Javascript 为什么我的引导缩略图在我的Jumbotron中？_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 为什么我的引导缩略图在我的Jumbotron中？

javascript jquery html css twitter-bootstrap

Javascript 为什么我的引导缩略图在我的Jumbotron中？,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经在我的一个页面上成功地创建了一个jumbotron，我想在jumbotron下面，在它之外有一些缩略图和东西。然而，即使有一个单独的部分，缩略图也会以某种方式出现在jumbotron中，因此扩展了它，这让我很恼火：P无论如何，要解决这个问题并将jumbotron和缩略图分开吗我的HTML <div class="jumbotron"> <div class="container"> <h1><font color="

我已经在我的一个页面上成功地创建了一个jumbotron，我想在jumbotron下面，在它之外有一些缩略图和东西。然而，即使有一个单独的部分，缩略图也会以某种方式出现在jumbotron中，因此扩展了它，这让我很恼火：P无论如何，要解决这个问题并将jumbotron和缩略图分开吗

我的HTML

    <div class="jumbotron">
     <div class="container">
      <h1><font color="#0095f0" face="">Blog!</font></h1>
      <p><font color="#0095f0"><strong>Blah blah blah ect :P</strong></font></p>
      <p><a class="btn btn-primary btn-lg" href="#" role="button">View Blogs!</a></p>
    </div>
    </body>

    <body>
    <div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="https://image.freepik.com/free-icon/question-mark_318-52837.jpg" alt="Annas Blog">
             <div class="caption">
            <h3><font face="Calibri"><strong>The Blog!</strong></font></h3>
            <p><small>View Blog! That's why you're here anyway... right?</small></p>
            <p><a href="https://image.freepik.com/free-icon/question-mark_318-52837.jpg" class="btn btn-primary" role="button">Blogs!</a></p>
          </div>
        </div>
       </div>
    </div>
    </body>

但它是这样出现的？请查看链接

请帮助我解决此问题：）

删除额外的body标签并正确关闭jumbotron div

<div class="jumbotron">
     <div class="container">
      <h1><font color="#0095f0" face="">Blog!</font></h1>
      <p><font color="#0095f0"><strong>Blah blah blah ect :P</strong></font></p>
      <p><a class="btn btn-primary btn-lg" href="#" role="button">View Blogs!</a></p>
    </div>
</div>  // Close it here
    <div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="https://image.freepik.com/free-icon/question-mark_318-52837.jpg" alt="Annas Blog">
             <div class="caption">
            <h3><font face="Calibri"><strong>The Blog!</strong></font></h3>
            <p><small>View Blog! That's why you're here anyway... right?</small></p>
            <p><a href="https://image.freepik.com/free-icon/question-mark_318-52837.jpg" class="btn btn-primary" role="button">Blogs!</a></p>
          </div>
        </div>
       </div>


博客！
诸如此类的废话：p

//把它关在这里
博客
查看博客！这就是你来这里的原因。。。对吧?

从.jumbotron CSS中删除以下属性：

background-image: url("https://image.freepik.com/free-icon/question-mark_318-52837.jpg"); background-repeat: repeat; background-position: 30% 90%;
所以它应该是这样的：

.jumbotron { margin: 15px 0 30px 0; }

没有完整的标签很难说。关闭这些标签可能有问题。首先，把它们放在一个
中，你的HTML的结构都是一团糟的：有一些随机标记，jumbotron没有结束符，谁知道还有什么不对劲。收拾你的烂摊子，再试一次。
.jumbotron { margin: 15px 0 30px 0; }