Questions tagged [960.gs]

The 960 Grid is a CSS layout system that can be used with or without a web development framework.

Released in 2008 by Nathan Smith, the 960 Grid is a CSS layout system that can be used with or without a web development framework.

The grid is based on a 960-pixel width, arranged in 12 or 16 columns. There are variants for others needs.


Resources :


Related tags :

296 questions
34
votes
1 answer

I don't understand twitter bootstrap span and row

I was a huge 960 grid system user, and I thought I would try out Twitter Bootstrap, but maybe it is a stupid question and you can laugh and down vote me but the fact is I don't understand the span and row. So my problem is, when I create a…
Side
  • 1,753
  • 9
  • 35
  • 64
17
votes
5 answers

Render one queryset into 2 div columns (django template)

Is there a good way to render the enumeration of a queryset into two div columns? Using 960 grid, I've got something to the effect of...
In…
T. Stone
  • 19,209
  • 15
  • 69
  • 97
15
votes
5 answers

good tutorials for the 960 grid layout?

I want to use the 960 grid system to generate the layout for my website. I downloaded a 24 columns fluid version from the custom generator from their site. Now I want to know every little thing I can do with it. I looked at the css file and found…
ajsie
  • 77,632
  • 106
  • 276
  • 381
12
votes
2 answers

960 grid's clearfix vs HTML5 Boilerplate's clearfix - What's the difference?

960 grid's clearfix vs HTML5 Boilerplate's clearfix - What's the difference? Here's the clearfix found in Nathan Smith's 960 grid's css: /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified…
John
  • 3,866
  • 6
  • 33
  • 37
12
votes
4 answers

Why use Sass (not SCSS)?

everyone — I was looking over a recent presentation on 960 Grid System, Refresh OKC – April 19th 2011, and on the penultimate slide (101/102), the guy recommends "if you're going to use Sass, use Sass, not SCSS." Given that SCSS is the new main…
10
votes
2 answers

What’s the difference between 960.gs/Blueprint and LESS?

Ultimately, I like to code my own CSS. I hate it when I have to conform to someone else's naming conventions... especially when they have no real meaning. However, I am attracted to the fact that a mobile site is pretty much ready to go with a…
dcolumbus
  • 9,596
  • 26
  • 100
  • 165
10
votes
2 answers

960 grid system - nested grids have layout problem

I've just started developing a hobby site for myself, and trying to use the 960 css grid system to layout my html elements on screen. I got the basic idea and just implemented a skeleton website here on my server There are several questions I've got…
Michael Mao
  • 9,878
  • 23
  • 75
  • 91
9
votes
2 answers

960 Grid aligns left in Internet Explorer

I'm using the 960.gs CSS framework on a site and have hit problems almost instantly with IE (7, though I assume 6 is no better).
nickf
  • 537,072
  • 198
  • 649
  • 721
8
votes
4 answers

Is there any full width supporting CSS Grid System?

Is there any CSS grid system that supports full viewport width? Most Grid System seem to just intend a width of 960px up to 1140px. This is the most deployed width for a normal User(as the most people are using 1280px × 1024px). My purpose is to…
Jannis M
  • 745
  • 1
  • 4
  • 15
7
votes
6 answers

what exactly does grid 960 do?

I have seen all these 'grid' type css frameworks and I'm still a tad confused as to what they do. I understand that they help you quickly create a page since the layout is already defined for you, but do these frameworks make certain things MORE…
mrblah
  • 99,669
  • 140
  • 310
  • 420
6
votes
4 answers

Separator Between grid columns

how can i add separator between grid columns. I try adding border and it always broke the layout. Please have a look at the attached picture for clear understanding. EDIT have a look it…
Rao
  • 692
  • 1
  • 7
  • 15
6
votes
5 answers

How to choose the container 960px wide and not to 1200px in Bootstrap

How to choose the container 960px wide and not to 1200px in Bootstrap?
Marco Gurnari
  • 159
  • 1
  • 3
  • 14
5
votes
3 answers

website using 960.gs what css rule is responsible for divs filling 100% screen width

Hi I am trying to learn CSS and have been looking at the source of websites to learn how it works in practice. I came across the 960 grid system the other day, and found a really beautiful site design that is using the 960gs framework >> OneHub At…
LearningCSS
5
votes
3 answers

How do I integrate the Wordpress loop in 960.gs / Bootstrap nested grids?

About to implement my first Wordpress site. My understanding is that it helps if my loop is calling a generic item, for example:
Article Heading
Article Sub-heading
When using Twitter…
Olly F
  • 2,729
  • 9
  • 31
  • 35
5
votes
0 answers

Responsive Grid-Based Web Design

I've been a bit confused how responsive web design plays along with CSS grid systems like 960.gs. Nathan Smith (the creator or 960.gs) came up with adapt.js some time ago, and by examining the bundled stylesheets (mobile.css, 720.css and 960.css to…
Alix Axel
  • 151,645
  • 95
  • 393
  • 500
1
2 3
19 20