I'm having some trouble with container-fluid and col-xs-#

I’m trying to block out/work out what layout I want to use/start with for the portfolio project but I’m having issues with some basic aligning in html/am still sussing out how to better style HTML. I’m trying to have some of the text be on the left and some be on the right, but it’s not co-operating with me. It worked fine when I used it prior, unsure what I changed in the meantime. Maybe because last time I did it with lists?

Link to the codepen: https://codepen.io/misanthrope_murphy/pen/WXpJyp

(followed same work as when I did https://codepen.io/misanthrope_murphy/pen/GOZJXR , the cat project (“Line up Form Elements Responsively with Bootstrap”) also seemed like a good frame of reference as well).

Section in question:

<div id="page-top" class="container-fluid">
  <div class="row">
    <div class="col-xs-6">
      the left side of this section
    </div>
    <div class="col-xs-6">
      the right side of this section
   </div>
  </div>
</div>

maybe you’re using bootstrap3.3 classes but you linked ver4

1 Like

Oh hey that worked! I changed it to Bootstrap 3 and the formatting changed. Thanks!