我一直在使用bootstrap 5和，并且通常对所有内容使用row和col类
例如，

<main class="container-fluid">
  <div class="row g-0">
      <div class="col mx-2">
          <h4>
              Years / 1962
          </h4>
      </div>
  </div>
  <div class="row g-0">
      <div class="col mx-2">
          <h5 id="counter">
          </h5>
      </div>
  </div>
  <div class="row g-0">
      <div class="col-4 m-2">
          <select id="media_players_list" style="display: inline" class="form-select mx-1 my-2">
          </select>
      </div>
      <div class="col m-2">
          <span>
              <button onclick="play()" class="btn btn-outline-primary mx-1 my-2">
                  Play
              </button>
              <button onclick="pause()" class="btn btn-outline-secondary mx-1 my-2">
                  Pause
              </button>
              <button onclick="stop()" class="btn btn-outline-secondary mx-1 my-2">
                  Stop
              </button>
              <button onclick="seek()" class="btn btn-outline-secondary mx-1 my-2">
                  Seek
              </button>
              <button onclick="seek()" class="btn btn-outline-secondary mx-1 my-2">
                  Open Playlist
              </button>
          </span>
      </div>
  </div>
</div>

但有时候会意识到不使用row和col，通常情况下，一行只有一个元素
例如，

<main class="container-fluid">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">
                SongKontrol
            </h5>
            <p class="card-text">
                Use the <i>Browse</i> menu to find and play your music
            </p>
        </div>
    </div>
    <div class="alert alert-warning">
        Within <a href="/preferences.start" class="h6">Preferences</a> please configure the <i>MinimServer ContentDir</i> to enable editing your metadata from SongKontrol using SongKong
    </div>
</main>

当然，这两个都是有效的html，但为了符合引导指南（以确保工作正常），第二种情况是错误的，我应该在这里也使用row和col吗？