Bootstrap - row i container

Question

Witam! Moje pytanie dotyczy width przy row i container używając Bootstrapa. 

Chcę w row wrzucić 5 zdjęć i chce żeby były one na 100% width tego ROW. Jednak row w bootstrapie z tego co widze ma stałe width i teraz pytanie w jaki sposób zrobić zeby row bądź container automatycznie dopasoywał sie do zawartosci,czy jest taka możliwość ? 

Tutaj screen z przykładem jak to wygląda : 

a chce żeby wyglądało tak :

 

i tutaj jeszcze kod : 

<div class="quiz d-flex align-items-center">
                <div class="container justify-content-center">
                    <div class="row quiz-window">
                        <div class="quiz-topbar">
                            <p class="topbar-title mb-0">Eduto Matura</p>
                        </div>
                        <div class="quiz-subjects mx-auto">
                            <div class="subject-row">
                                <img src="img/quiz-subjects/polski.jpg" alt="" class="quiz-pic">
                                <img src="img/quiz-subjects/matematyka.jpg" alt="" class="quiz-pic">
                                <img src="img/quiz-subjects/historia.jpg" alt="" class="quiz-pic">
                                <img src="img/quiz-subjects/biologia.jpg" alt="" class="quiz-pic">
                                <img src="img/quiz-subjects/polski.jpg" alt="" class="quiz-pic">
                            </div>
                            <div class="subject-row">
                            </div>
                        </div>
                         <div class="quiz-footer">
                            <p class="footer-title mb-0">Twój mix</p>
                        </div>
                    </div>
                </div>
        
            </div>

Dzięki za odp :)

Answer 1

Jest coś takiego jak .container-fluid w bootstrapie, który domyślnie ma 100% szerokości swojego rodzica :P

http://getbootstrap.com/docs/4.0/layout/grid/#how-it-works