CSS Frameworks help

Discussion in 'Web Design' started by aaronjunited, Jun 9, 2012.

to remove all ads.
  1. aaronjunited

    aaronjunited New Member

    Messages:
    44
    Can anyone explain how to use a css framework?

    I've been looking at a couple and can't understand how you actually use one. The different style sheets that come with them - what do you do with them?

    Copy and paste it in your style sheet?

    I cant grasp what you actually do.

    Hope this makes sense?
     
  2. JakClark

    JakClark New Member

    Messages:
    128
    I'm quite familiar with 'Foundation - by Zurb' - though I don't quite know what you use. Anyhow, I'll explain how Foundation works:

    Having copied the following folders (stylesheets, javascripts and includes), you can then look into the root folder for index.html (an example page with all of the necessary CSS and JS <link /> tags.

    Once included, you can start to reap the benefits.

    For one, Foundation boasts a variety of neat UI elements. You can find these in the documentation on Zurb's Foundation sub-site.

    Not to mention the neat grid layout. This works by starting the page with
    Code:
    <div class="container"></div>
    , and
    'row' with
    Code:
    <div class="row"></div>
    The grid layout works with columns. You can lay Foundation's predefined column classes in any way you wish, providing they do not exceed 'twelve'. For example:
    Code:
    <div class="four columns></div> + <div class="eight columns"></div>
    See, this will sit perfectly because the columns add up to/ do not exceed 12. (4 + 8).

    If you want any more help, etc - feel free to PM me for a social contact.
     

Share This Page