Bootstrap: Textblock breiter machen

[Pfandfinder]

ich nutze Bootstrap und habe für die Datenschutzerklärung so einen Aufbau :

<link rel="stylesheet" href="bootstrap.min.css">

<div class="container col-xxl-8 px-4 py-5">
    <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
        <div class="col-10 col-sm-8 col-lg-6">
        </div>
        <div class="col-lg-6">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque maximus leo sit amet sollicitudin laoreet. Curabitur porta mauris vitae metus lobortis, et rhoncus mi pellentesque. Vestibulum nec enim fringilla, dictum metus nec, dictum turpis. In hac habitasse platea dictumst. Nullam mauris magna, imperdiet id nunc non, viverra tincidunt turpis. Nullam sed ligula hendrerit, volutpat mi sit amet, finibus turpis. Ut a mattis augue, in molestie sem. Duis viverra maximus elit, ut eleifend metus congue vitae.</p>
        </div>
    </div>
</div>

problem ist, dass der Block so schmal ist. wie bekomm ich den breiter ? Habe über die Entwicklertools nichts gefunden und auch die Zahlenwerte wie in "col-xxl-8" scheinen das nicht zu sein ... :/

 

[madmax2010]

schon ne weile her.. versuch mal
container-fluid

 

[Bagbag]

Warum die ganze Verschachtelung, leere divs, flex und cols?

<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque maximus leo sit amet sollicitudin laoreet. Curabitur porta mauris vitae metus lobortis, et rhoncus mi pellentesque. Vestibulum nec enim fringilla, dictum metus nec, dictum turpis. In hac habitasse platea dictumst. Nullam mauris magna, imperdiet id nunc non, viverra tincidunt turpis. Nullam sed ligula hendrerit, volutpat mi sit amet, finibus turpis. Ut a mattis augue, in molestie sem. Duis viverra maximus elit, ut eleifend metus congue vitae.</p>
</div>

 

[Pfandfinder]

oh gefunden ist

<div class="col-lg-6">