Css Wordpress和引导程序&书信电报；p>&引用；

我想创建一个基于引导的WordPress。但是out out并没有给我同样的结果。附上截图

wordpress的代码如下：

    <div class="container">


      <img src="<?php echo get_template_directory_uri(); ?>/images/security-and-surveillance-banner.jpg" class="img-fluid" alt="Responsive image" style="width:100%;display:block">



      <!-- Main component for a primary marketing message or call to action -->

 <div class="jumbotron">
        <div class="row">
          <?php query_posts('showposts=3');?>
            <?php if(have_posts()) :?><?php while(have_posts()) : the_post(); ?>
              <div class="col-md-4">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

                <?php the_content(); ?>

              </div>  
            <?php endwhile;?>
          <?php endif; ?>
        </div>
</div> 

  </div>

/图像/安全和监视横幅.jpg“class=“img fluid”alt=“Responsive image”style=“width:100%；显示：块“>

下面是引用的代码，请检查代码，对于HTML似乎是一样的，不知道为什么给我不同的看法

<div class="container">


  <img src="images/sample1.png" class="img-fluid" alt="Responsive image" style="width:100%;display:block">
  <!-- Main component for a primary marketing message or call to action -->

  <div class="jumbotron">
    <div class="row">
      <div class="col-md-4">
        <h2>Heading</h2>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </div>
      <div class="col-md-4">
        <h2>Heading</h2>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </div>
      <div class="col-md-4">
        <h2>Heading</h2>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </div>
    </div>

  </div>
</div>

标题
在eget metus，Donec是一名非孕期精英。Fusce dapibus、tellus ac cursus commodo、tortor mauris调味品nibh、发酵剂massa Just to sit amet risus。Etiam porta sem malesuada magna mollis euismod。Donec是一名酒后驾车者。
标题
在eget metus，Donec是一名非孕期精英。Fusce dapibus、tellus ac cursus commodo、tortor mauris调味品nibh、发酵剂massa Just to sit amet risus。Etiam porta sem malesuada magna mollis euismod。Donec是一名酒后驾车者。
标题
在eget metus，Donec是一名非孕期精英。Fusce dapibus、tellus ac cursus commodo、tortor mauris调味品nibh、发酵剂massa Just to sit amet risus。Etiam porta sem malesuada magna mollis euismod。Donec是一名酒后驾车者。

---

我想要输出的是相同的段落字体样式和背景色。如果我删除jumbotron，那么它将与我所希望的一样，但背景色将被删除，这不是我所期望的。

标题周围有一个

标记，以及

内容（）

将用

标签包装。@RyanHipkiss感谢您的回复，我尝试将引用的代码添加到上，输出没有太大区别，只是更改为蓝色超链接。但是在wordpress上，输出段落字体比引用的字体大，您知道为什么吗？谢谢。已通过帖子修复