Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Column help please with 3 columns

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #206063
    GingaMilla
    Participant

    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

    #206064
    Jerba
    Participant

    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).

    #206065
    Paulie_D
    Member

    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

    #206066
    GingaMilla
    Participant

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.