Geek asks and answers

What values ​​should I set in twitter bootstrap for a fixed layout of 960px?

I am using twitter bootstrap with less cloned from github. I want to set variable grid widths because I need a fixed 960px layout. The default values ​​for a width of 940 pixels are:

@gridColumns:             12;
@gridColumnWidth:         60px;
@gridGutterWidth:         20px;

What values ​​should I set for a fixed layout of 960px?

I tried with this, but the result was 950px:

@gridColumns:             12;
@gridColumnWidth:         70px;
@gridGutterWidth:         10px;
+5
source share
2 answers

Solve the equation

You need to find a solution for equasion . One of them:

@gridColumns:             12;
@gridColumnWidth:         69px;
@gridGutterWidth:         12px;

other:

@gridColumns:             12;
@gridColumnWidth:         58px;
@gridGutterWidth:         24px;

But use the default

Bootstrap was designed for a width of 960px , it just does not indicate additional margins / padding on the sides:

| ------------------------------ 960px width ---------------------------------- |
10px left margin | ------------- 940px container ------------ | 10px right margin

, 960px.

+7

960px .

+1

More articles:


All Articles