Szukam rozwiązania następującego problemu i już trochę brak mi pomysłów
<div class="container-fluid">
<div class="row maksymalnaszerokosc">
<div class="col-sm-6">tekst 1</div>
<div class="col-sm-6">tekst 2 </div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">Ja chcę wyrównać się do tekstu 1</div>
<div class="col-sm-6">Ja chcę zajmować całą szerokość strony w prawą stornę</div>
</div>
</div>
<style>
.maksymalnaszerokosc {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
</style>
Czyli pierwszy bok pięknie ustawia nam elementy na środku, drugi boks natomiast ma tylko prawą stronę 100% szerokości w prawo, natomiast z lewej strony chcę równać na Bootstrap tak samo jak by container nie miał 100% szerokości.
Czy mogę prosić o wskazówkę?