我正在使用网格系统内的卡，但似乎有问题，调整大小时，col大小小于中等，在移动的视图内的检查部分。
无论我如何调整视图的大小，宽度都不会达到100% this shows the view inside the inspect mode not covering the full page width
而通常它的大小正确地在正常的 chrome 标签here its covering the complete width of the page

<div class="row">
        <div class=" col-12 col-sm-12 col-md-6 col-lg-4  ">
          <div class="card">
            <div class="card-header">
              <h3>Chihuahua</h3>
            </div>
            <div class="card-body">
              <h2>Free</h2>
              <p>5 Matches Per Day</p>
              <p>10 Messages Per Day</p>
              <p>Unlimited App Usage</p>
              <button type="button">Sign Up</button>
            </div>
          </div>
        </div>

        <div class="col-12 col-sm-12 col-md-6  col-lg-4 ">
          <div class="card">
            <div class="card-header">
              <h3>Labrador</h3>
            </div>
            <div class="card-body">
              <h2>$49 / mo</h2>
              <p>Unlimited Matches</p>
              <p>Unlimited Messages</p>
              <p>Unlimited App Usage</p>
              <button type="button">Sign Up</button>
            </div>
          </div>
        </div>

    <div class=" col-12 col-md-12 col-lg-4">
      <div class="card">
        <div class="card-header">
          <h3>Mastiff</h3>
        </div>
        <div class="card-body">
          <h2>$99 / mo</h2>
          <p>Pirority Listing</p>
          <p>Unlimited Matches</p>
          <p>Unlimited Messages</p>
          <p>Unlimited App Usage</p>
          <button type="button">Sign Up</button>
        </div>
      </div>
    </div>
  </div>

字符串