Twitter bootstrap Twitter引导框架是否支持填充?

Twitter bootstrap Twitter引导框架是否支持填充?,twitter-bootstrap,grid,css-frameworks,Twitter Bootstrap,Grid,Css Frameworks,我很难理解Twittter引导框架。它是否允许容器周围的基本填充物 似乎有一个默认的20px空白,但没有填充。这里有人设法解决了这个问题吗 http://twitter.github.com/bootstrap/ 如果你的背景是白色的,这很好,但是当我在容器后面放置颜色时,我没有填充,如果我添加填充,我的布局就会中断。我做错什么了吗?您可以在.less文件中覆盖站点宽度 //网格系统与页面结构 i、 e.如果要将20px添加到940px的每一侧(20px是默认的gridGutterWidth)

我很难理解Twittter引导框架。它是否允许容器周围的基本填充物

似乎有一个默认的20px空白,但没有填充。这里有人设法解决了这个问题吗

http://twitter.github.com/bootstrap/

如果你的背景是白色的,这很好,但是当我在容器后面放置颜色时,我没有填充,如果我添加填充,我的布局就会中断。我做错什么了吗?

您可以在.less文件中覆盖站点宽度 //网格系统与页面结构

i、 e.如果要将20px添加到940px的每一侧(20px是默认的gridGutterWidth) 点评:

@siteWidth:(@gridColumns*@gridColumnWidth)+(@gridGutterWidth*(@gridColumns-1))

并写下:

@siteWidth:(@gridColumns*@gridColumnWidth)+(@gridGutterWidth*(@gridColumns-1)+(@gridGutterWidth*2))

取消左边距:-20px 使用css规则:

.row{左边距:0;}

但是,如果使用嵌套行,则需要仅向要缩进的行添加一个类。 创建规则:

.indent{左边距:0;}

然后在
中添加一个受

.light{
-moz框大小:边框框;
背景:url(/img/background.png);
填充:1em;
}

采用上述方法并将其应用于填充也会起作用

添加一个名为.is的类,并将其填充到要填充的范围(在本例中为span4)


标题
Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

然后创建CSS(或更小),通过应用填充来减小跨度的宽度,例如:

/*CSS示例*/
.span4.是软垫的{
宽度:280px;/*300-(10x2)*/
填充:10px;
背景:#CCC;/*只是为了让你能看到它*/
}
/*较少的例子*/
.span4.是软垫的{
宽度:(@gridColumnWidth*4)+(@gridGutterWidth*3)-gridGutterWidth;
填充:@gridGutterWidth/2;
背景:#CCC;/*只是为了让你能看到它*/
}
这很容易在网格的其余部分重复

。已填充{
填充:@gridGutterWidth/2;
背景:#CCC;/*只是为了让你能看到它*/
}
.span1.是软垫的{
宽度:(@gridColumnWidth*1)+(@gridGutterWidth*0)-gridGutterWidth;
}
.span2.有软垫{
宽度:(@gridColumnWidth*2)+(@gridGutterWidth*1)-@gridGutterWidth;
}
.span3.是软垫的{
宽度:(@gridColumnWidth*3)+(@gridGutterWidth*2)-gridGutterWidth;
}
.span4.是软垫的{
宽度:(@gridColumnWidth*4)+(@gridGutterWidth*3)-gridGutterWidth;
}
... 等
响应网格中的断点也可以使用媒体查询轻松覆盖

但这种方法在流体网格中不起作用