Bootstrap链接和按钮组件表格行和标题背景颜色更改

Question

您好我使用Bootstrap this Links and buttons

我想更改链接按钮周围的标题背景和表格网格线的颜色：

<!-- Page Content -->
<div class="container">
    <div class="row">
      <div class="col-md-6 col-sm-12">
        <div class="list-group">
          <h2><a href="#" class="list-group-item active">
          <strong>T I T L E</strong></a>
           <a href="page1.html" class="list-group-item list-group-item-action"> Link 1 </a>              
            <a href="page2.html" class="list-group-item list-group-item-action"> Link 2 </a>   
            <a href="page3.html" class="list-group-item list-group-item-action"> Link 3 </a>          
            <a href="#" class="list-group-item list-group-item-action"> Link 4 </a>               
        </div>
      </div>
    </div>
    <!-- /.row -->
</div>
<!-- /.container -->

那么如何在我的自定义css中执行此操作，因为它是在后台完成的：

.list-group-item{
    background-color : red;
}

将线条设为蓝色this way

Answer 1

.list-group-item strong{
    background-color : #555;
    border: 1px double #ededed;
}

Answer 2

嘿，只需在CSS中添加它，它可以帮助您修改很多：

.list-group a:first-child  {
 background:red !important;
 border:2px solid yellow;
 }
 .list-group a{
 border:2px solid yellow;
 }