bootstrap4.css
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
■リストグループ:list-group:コンポーネント:リストマーカーのないリスト list-unstyled

  • リストマーカーの無いリスト項目
  • リストマーカーの無いリスト項目
    • ネストされたリスト項目
    • ネストされたリスト項目
    • ネストされたリスト項目
  • リストマーカーの無いリスト項目
  • リストマーカーの無いリスト項目
  <ul class="list-unstyled">
    <li>リストマーカーの無いリスト項目</li>
    <li>リストマーカーの無いリスト項目
      <ul>
        <li>ネストされたリスト項目</li>
        <li>ネストされたリスト項目</li>
        <li>ネストされたリスト項目</li>
      </ul>
    </li>
    <li>リストマーカーの無いリスト項目</li>
    <li>リストマーカーの無いリスト項目</li>
  </ul>
■メディアオブジェクト:media:ulリストにメディアオブジェクト

  • タイトル
    ここに文章が入ります
  • タイトル
    ここに文章が入ります
  • タイトル
    ここに文章が入ります
    <ul class="list-unstyled">
    <li class="media mb-4">
      <img class="mr-3" src="https://via.placeholder.com/60x60/FFFF00/000000?text=img" alt="">
      <div class="media-body">
        <h5>タイトル</h5>
        ここに文章が入ります
      </div>
    </li>
    <li class="media mb-4">
      <img class="mr-3" src="https://via.placeholder.com/60x60/FFFF00/000000?text=img" alt="">
      <div class="media-body">
        <h5>タイトル</h5>
        ここに文章が入ります
      </div>
    </li>
    <li class="media mb-4">
      <img class="mr-3" src="https://via.placeholder.com/60x60/FFFF00/000000?text=img" alt="">
      <div class="media-body">
        <h5>タイトル</h5>
        ここに文章が入ります
      </div>
    </li>
  </ul>