html - 在 bootstrap 网格列上添加背景颜色，防止着色默认网格列填充

Question

我的问题是我需要为一个 bootstrap 网格列背景着色，而不是为整个网格列着色，在网格上添加背景颜色，默认填充除外。

HTML

<div class="row">
    <div class="col-lg-3 col-md-12 col-sm-12 faq-box">
        <div class="faq-titile">
             <h4>faq title</h4>
         </div>
     </div>
    <div class="col-lg-9 col-md-12 col-sm-12 pl-0">   
        .......
    </div>
</div>

CSS

.faq-box{
    margin: 0;
    padding: 30px;
    background-color:#EBF3FF ;
}

在这里我需要防止颜色满格列，只添加背景颜色而不着色 Bootstrap 网格默认左填充(15px)

Answer 1

在列中添加一个 div，然后向该 div 添加背景:

.padding-here{
  padding:2em;
  background:#c4c4c4;
  width:200px;
  height:200px;
  border:1px solid black;
}
.padding-here-too{
  padding:2em;
  width:200px;
  height:200px;
  border:1px solid black;
  
}
.padding-here-too div{
  background:#c4c4c4;
  height:100%;
}

<div class="padding-here">padding here</div>
<div class="padding-here-too">
  <div>
    padding here too
  </div>
</div>