Split Your Bootstrap Row Help

HTML-CSS
1

Tell us what’s happening:

I don’t know what I’m doing wrong.

Your code so far


<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
<div class="col-xs-6">
  <div class ="col-xs-6">
</div>
</div>
</div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 11021.56.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.76 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/bootstrap/split-your-bootstrap-row

2

You need to close your .col-xs-6 divs right after you open them.

1 Like
3

I should like this

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6"></div>
    <div class="col-xs-6"></div>
  </div>
</div>
2 Likes