(6/5) Jumbotron text all on one line

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/jumbotron
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
The three elements, h2, h3 and a are not going to a new line like they are supposed to and are all staying in one line. I even copy and pasted the code and nothing changed

``` Skillfair

Skillfair

newest

catalogue

contact

Homemade Goods

This Year's Best

See all

kitchen

![](upload://hqURjJH40759EL3VdeDGj9jHMpt.jpeg)

woodwork

![](upload://yM5uKvcLlP6JlKV9sq23xhWE8qS.jpeg)

gifts

![](upload://h0twlxWOZoieXuPDABZkwBcWKoj.jpeg)

antiques

![](upload://mB3niAOsVZnU2HcWRp0ii9bCBdp.jpeg)

© 2016 Skillfair

  • ![](upload://r1XRNwbkl9CKZtTCtOvO4TzOAjL.svg)
  • ![](upload://qNJxQRt3YNkxSVIKVEtSe6slXE8.svg)
  • ![](upload://9p8d1JdaDxH6ZSBC0saBqzj2XR1.svg)
  • ![](upload://7WDbUjm6Agjky6aSYon8xhNocv8.svg)
<do not remove the three backticks above>

@designrunner64333,
You have defined those 2 to be on the same row

    	<div class="row text-center">
      	<h2>Homemade Goods</h2>
      	<h3>This Year's Best</h3>
      	<a class="btn btn-primary" href="#" role="button">See all</a>
    	</div>
2 Likes

Thanks for your reply, that’s how the tutorial says to write it (You can see the snippet in the original image). I tried something a little different that kind of worked but now the text is not centered.

<section class="jumbotron">
  <div class="container">
    <div class="row text-center">
      <h2>Homemade Goods</h2>
    </div>
    <div class="row text-center">
      <h3>This Year's Best</h3>
    </div>
    <div class="row text-center">
      <a class="btn btn-primary" href="#" role="button">See all</a>
    </div>
  </div>
</section>

@designrunner64333
Have you tried
by not using the row-class

google search
== the Book ==
text-center site:getbootstrap.com
Read
http://v4-alpha.getbootstrap.com/components/utilities/#text-alignment
http://getbootstrap.com/css/#type-alignment

I had the same problem! Instead of “row text-center” I changed it to “col text-center”

1 Like

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