помогите пожалуйста. вот код:
<section>
<div class="content">
<div class="1"><div>text</div><div>text</div></div>
<div class="2"><div>text</div><div>text</div></div>
<div class="3"><div>text</div><div>text</div></div>
<div class="4"><div>text</div><div>text</div></div>
<div class="5"><div>text</div><div>text</div></div>
<div class="6"><div>text</div><div>text</div></div>
<div class="7"><div>text</div><div>text</div></div>
</div>
</section>
<section>, <div class="content">, <div class="[1,2,3,4,5,6,7]"> - flex-контейнеры.
содержимое класcа content создается динамически. с созданием его содержимого и при flex-direction: row; вложенные дивы не переносятся на другую строку при достижении правого края родительского дива. они выходят даже за границы body. этих дивов должно быть не ограниченное количество. получается, что чем больше дивов, тем больше становится прокрутка. в документ подключен bootstrap, но по-некоторым соображениям в этой секции он не применяется, т.е. секция и ее содержимое не являются потомками бутстраповского класса container/container-fluid. подскажите, что сделать, голову уже сломал