Help! bootstrap div grid

Hi all!

Im working on my personal portfolio challenge but have some issues with the grid layout… Here is the code, for some reason they all line up in a single column. Im not sure why? Any ideas? Sorry for the lame post!

Tks for the help

`<div class="fluid-container">
  <div class="row" id="header_row">
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
      <a href="#home" class="name_text">CEL IV</a>
    </div>
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
      <a href="#home" class="mont_font">HOME</a>
    </div>
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
      <a href="#about" class="mont_font">ABOUT ME</a>
    </div>
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
      <a href="#portfolio" class="mont_font">PORTFOLIO</a>
    </div>
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
      <a href="#contact" class="mont_font">CONTACT</a>
    </div>
  </div>
</div>`

It should be container-fluid, not fluid-container.
That should fix it :slight_smile:

2 Likes

Wop! Thanks :slight_smile:

Just changed it but the single column remains.
Here is what is looks like:

Hey, maybe you can add a link to your codepen? BTW: If you use .col-xs-* it will also appy to all larger classes unless set otherwise. So there is no need to add col-sm-*, col-md-*, col-lg-* if you don’t want to change the number of columns the div spans.

http://codepen.io/clambert/pen/JKdzaP

You forgot to add Bootstrap.

Tks… added it and now working.
Completely forgot bootstrap had been integrated within the exercises