bootstrap4.css
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
■リストグループ:list-group:コンポーネント:リスト項目を無効状態にする

  • リスト項目1
  • リスト項目2
  • リスト項目3
  <section class="w-50 m-auto">
      <ul class="list-group">
    <li class="list-group-item disabled">リスト項目1</li>
    <li class="list-group-item">リスト項目2</li>
    <li class="list-group-item">リスト項目3</li>
  </ul>
</section>
■リストグループ:list-group:コンポーネント:aタグ リストグループ

  <section class="w-50 m-auto">
      <div class="list-group">
    <a href="#" class="list-group-item list-group-item-action">リスト項目1</a>
    <a href="#" class="list-group-item list-group-item-action">リスト項目2</a>
    <a href="#" class="list-group-item list-group-item-action disabled">リスト項目3</a>
  </div>
</section>
■リストグループ:list-group:コンポーネント:リストグループ aタグ

  <section class="w-50 m-auto">
      <div class="list-group">
    <a href="#" class="list-group-item list-group-item-action">リスト項目1</a>
    <a href="#" class="list-group-item list-group-item-action">リスト項目2</a>
    <a href="#" class="list-group-item list-group-item-action disabled">リスト項目3</a>
  </div>
</section>
■リストグループ:list-group:コンポーネント:ボタンのリストグループ button

  <section class="w-50 m-auto my-5">
    <div class="list-group">
      <button type="button" class="list-group-item list-group-item-action">リスト項目1</button>
      <button type="button" class="list-group-item list-group-item-action">リスト項目2</button>
      <button type="button" class="list-group-item list-group-item-action" disabled>リスト項目3</button>
    </div>
  </section>