[Solved] Column help please with 3 columns

[GingaMilla]

I am trying to get 3 of these columns next to each other but having some problem in doing so. At the moment it looks like this;

http://gyazo.com/9f390c5eda606a84fbfdc16e6e512d8e

But I need it to look like this;

http://gyazo.com/aa75391e911fd8b32068f1ef671e34ae

Here is the HTML and CSS code;

https://codepen.io/anon/pen/ZGwYvz

Sorry if it looks all messed up future work will be cleaner.

Thank you

[Jerba]

I think it’s because you’re closing the col-md-3 divs in the footer in the wrong place…

 <div class="footer">
        <div class="container">

          <div class="col-md-3">
            <h1>Company</h1>
            <ul>
              <li>Careers</li>
              <li>Terms</li>
              <li>Help</li>
            </ul>
          </div> // end col

            <div class="col-md-3">
              <h1>Products</h1>
              <ul>
                <li>Shutterbugg</li>
                <li>speakerboxx</li>
              </ul>
            </div> // end col

              <div class="col-md-3">
                <h1>News</h1>
                <ul>
                  <li>Blog</li>
                  <li>Twitter</li>
                  <li>YouTube</li>
                  <li>Google+</li>
                  <li>Facebook</li>
                </ul>
             </div> // end col

      </div> // end container
   </div> // end footer

It should be structured like the above (I believe, I rarely use Bootstrap).

[Paulie_D]

Perhaps you could reduce the Codepen doesn to just the relevant HTML & CSS rather than dumping the entire site in there.

Help us help you.

However, it just looks to me as though you forgot to close the column divs

http://codepen.io/Paulie-D/pen/MwLYPW

[GingaMilla]

I apologize about that. I shall remember that in the future thank you guys for helping me out once again much appreciated!

[Author]

Posts