почему строка в моей группе списка карт не используется полностью, как вы думаете, в чем проблема?

#bootstrap-4

#bootstrap-4

Вопрос:

Это мой код для карты:

 <div class="col-lg-4 col-sm-12 text-center">
          <div class="card">
            <div class="card-header text-white bg-dark">Header</div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item">Cras justo odio</li>
              <li class="list-group-item">Dapibus ac facilisis in</li>
              <li class="list-group-item">Vestibulum at eros</li>
            </ul>
            <div class="card-footer"><button type="button" class="btn btn-dark">Buy Now</button></div>
          </div>
        </div>
 

Это изображение

Комментарии:

1. Не удается воспроизвести вашу проблему: jsfiddle.net/davidliang2008/coyzrjqp/2

2. Я вижу, что это хорошо с тем, что вы мне показываете, но почему для меня это неполно, как я показал на картинке. как вы думаете, в чем проблема, я неправильно загрузил загрузчик или что-то в этом роде?

3. Я не знаю. Вероятно, вам нужно будет показать больше, например, другие макеты вокруг него, дополнительные пользовательские CSSS, которые вы написали, как вы ссылаетесь на Bootstrap и т. Д.