Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Foundation wireframe

    Hi
    i want to use foundation wire frame for my next html project.

    But i dont know how to use. I download the wire frame and i understand each things but i dont know how to start.

    Please help me

    Thanks

  • #2
    Regular Coder
    Join Date
    Jun 2011
    Location
    CA
    Posts
    105
    Thanks
    0
    Thanked 10 Times in 10 Posts
    You'll start here: http://foundation.zurb.com/docs/index.php

    Click on "The Grid" link on that page. This is part of what we learn from it:

    The grid is always 12 columns wide. if you want three columns on your site, evenly spaced, then you would start with the <div class="row"></div> and put your "four columns" divs inside that (because 12 divided by 3 = 4, so, "four columns"):

    Code:
    <div class="row">
    <div class="four columns">
       One of your columns
      </div>
    <div class="four columns">
       Your middle column
      </div>
    <div class="four columns">
       Your third evenly space column
      </div>
    </div>


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •