Bootstrap 4. Почему когда элемент один он некорректно отображается?

Question

[Дмитрий]

Добрый день, в сетке Bootstrap 4, когда я оставляю один элемент он некорректно отображается, то есть ставит ширину 50%, а не 100%



Структура код выглядит вот так.

<div class="container">
                <div class="page-caption">
                    <h1>Общество</h1>
                    <button class="btn-icon --list"></button>
                </div>
                <div class="news-grid-list --grid">
                    <div class="row align-items-stretch">
                        <div class="col-lg-6 col-xl-6 col-md-6 col-xs-12 news-grid-list__mb">
                            <div class="section-five">
                                <a href="economics.html" class="section-five__link"></a>
                                <div class="section-five__image">
                                    <img src="images/news/association/1.png" alt="">
                                </div>
                                <div class="section-five__info">
                                    <div class="section-five__caption">Как дистанционно оформить пособие
                                        по безработице. Видеоинструкция</div>
                                    <p class="section-five__semiinfo">Руководство для потерявших работу в
                                        период
                                        борьбы с
                                        коронавирусом
                                    </p>
                                    <span class="section-five__date">3 Января 2020</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="more">
                        <div class="more__arrow">
                            <img src="images/icon/arrow-more.svg" alt="">
                        </div>
                        <div class="more__text">Показать еще</div>
                    </button>
                </div>
            </div>

Answer 1

[WapSter]

col-lg-6 col-xl-6 col-md-6

И почему он должен быть 100%, когда ты задаешь 50%?

Comments

[Дмитрий]

Тогда в чем может быть проблема?

[WapSter]

moiseev1788, почитать документацию к сетке bootstrap, я полагаю.