Twitter bootstrap 使卡片标题背景延伸到边框(无填充)?

Twitter bootstrap 使卡片标题背景延伸到边框(无填充)?,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我有一个简单的引导.card,我不确定如何将.card title背景延伸到边框的边缘。代码如下所示,示例如下: 但这没有效果。有人知道如何纠正这个问题吗?谢谢。结果是。卡体设置了一些初始填充 .card-body{ padding: 0; } 已修复此问题。请在外部剪切并粘贴标题 新的代码结构是: <div class="card"> <h3 class="card-title text-center mb-2">Title</h3> &l

我有一个简单的引导
.card
,我不确定如何将
.card title
背景
延伸到
边框的边缘。代码如下所示,示例如下:


但这没有效果。有人知道如何纠正这个问题吗?谢谢。

结果是
。卡体
设置了一些初始填充

.card-body{
  padding: 0;
}

已修复此问题。

请在外部剪切并粘贴
标题
新的代码结构是:

<div class="card">
   <h3 class="card-title text-center mb-2">Title</h3>
   <div class="card-body">
       <div class="card-text">
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo necessitatibus veniam perspiciatis repellendus eligendi, dicta facere libero illum sed eum atque culpa facilis iure, hic maiores. Saepe cum illum, eaque!
        </div>
   </div>
</div>

标题
Lorem ipsum dolor sit amet,奉献精英。必要的静脉注射排斥剂,自由的面部注射会导致面部伤害,这是最重要的。是的,是的!

谢谢你的小费,Rahul,我不知道这一点。
.card-body{
  padding: 0;
}
<div class="card">
   <h3 class="card-title text-center mb-2">Title</h3>
   <div class="card-body">
       <div class="card-text">
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo necessitatibus veniam perspiciatis repellendus eligendi, dicta facere libero illum sed eum atque culpa facilis iure, hic maiores. Saepe cum illum, eaque!
        </div>
   </div>
</div>