Как растянуть row?

Question

[Rem36]

Как растянуть row? width 100% не работает.

<div class="row">
                    <ul class="section__advantages-list">
                        <div class="col-4">
                            <li class="section__advantages-item">
                                <div class="section__advantages-item-wrap">
                                    <div class="section__advantages-item-img">
                                        <img src="img/advant_icon1.png" alt="icon" class="advantages-item-icom">
                                    </div>
                                    <div class="section__advantages-item-desc">
                                        Результат вашего обучения является самым важным для нас приоритетом
                                    </div>
                                </div>
                            </li>
                        </div>

Comments

[iBird Rose]

для начала в .row можно вкладывать только .col
остальное покажи в песочнице https://jsfiddle.net/

[Ankhena]

А в ul можно вкладывать только li

[Rem36]

iBird Rose, https://jsfiddle.net/#&togetherjs=JIpII1bsJe

[iBird Rose]

Rem36, после того как добавил все что нужно - там слева сверху есть кнопка "save". и после этого уже можешь копировать ссылку и кидать сюда

[Rem36]

iBird Rose, Спасибо, уже разобрался. Порядок тегов поменял и justify-content сделал и оно растянулось.

Answer 1

[approximate solution]

container-fluid?

Comments

[Rem36]

флуид

Answer 2

[Elena Fire]

Если откинуть/закрыть глаза на тот ужас, что идет после div.row, то для решения задачи не хватает данных - (если уж в div.row такой качмар, то) в чем находится div.row? Стили внешних контейнеров могут "перебивать" width:100%;.
Или еще какое-нибудь чудесное правило от bootstrap со своим взглядом на стили.

Answer 3

[Артем Золин]

div.col должен идти после div.row иначе у вас возникнут проблемы с отступами. В <ul> семантически нельзя вкладывать ничего, кроме <li>

Comments

[Rem36]

спасибо