Help! bootstrap div grid

Help! bootstrap div grid
0

#1

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>`

#2

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


#3

Wop! Thanks :slight_smile:


#4

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


#5

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.


#6

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


#7

You forgot to add Bootstrap.


#8

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