Headings all in a line


#1

My headings and button in the Jumbotron are all in the same line, rather than vertical. Can anyone please help?

https://www.codecademy.com/courses/make-a-website/lessons/bootstrap/exercises/jumbotron?action=lesson_resume&link_content_target=interstitial_lesson

 <section class="jumbotron">
    <div class="container">
     <div class="row text-center">
       <h2>Bootstrap</h2>
       <h3>Test</h3>
       <a class="btn btn-primary" href="#" role=button>See all</a>
      </div>
    </div>
  </section>

image

Thanks very much


#2

I changed “row text-center” to “block text-center”, and this worked - although this isn’t what the instructions say. Cheers

image


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.