Html 使用Twitter引导响应css时的边框对齐问题

Html 使用Twitter引导响应css时的边框对齐问题,html,css,responsive-design,Html,Css,Responsive Design,我在网上找到了这篇文章。 我计划在我的一个项目中使用它,以实现它提供的响应性布局。 我在为托管的页面中发现了一个问题。 附上一张截图 “使用JQuery和CSS进行Facebook时间线设计”页面中的第一篇帖子超出了背景边界[用蓝色标记了它]。[不是预期的结果] 页面中的其余帖子位于边框内,这是预期的行为[已将其标记为绿色]。 我有没有办法解决第一篇文章不在背景边界的问题。我在IE、firefox和chrome上测试过,结果都是一样的。 在css文件中创建了一个jsbin页面,它声明第一个spa

我在网上找到了这篇文章。 我计划在我的一个项目中使用它,以实现它提供的响应性布局。 我在为托管的页面中发现了一个问题。 附上一张截图 “使用JQuery和CSS进行Facebook时间线设计”页面中的第一篇帖子超出了背景边界[用蓝色标记了它]。[不是预期的结果] 页面中的其余帖子位于边框内,这是预期的行为[已将其标记为绿色]。 我有没有办法解决第一篇文章不在背景边界的问题。我在IE、firefox和chrome上测试过,结果都是一样的。
在css文件中创建了一个jsbin页面

,它声明第一个span元素在左边没有边距

第232行的bootstrap-responsive.css:

.row-fluid [class*="span"]:first-child { 
    margin-left: 0px;
}
第419行的bootstrap.css:

.row-fluid [class*="span"]:first-child { 
    margin-left: 0px;
}
删除或注释这些样式表。

添加此样式表(首选在底部)

如果需要,可以添加此jQuery

$('.row > [class*="span"]:first-child').css('padding-left','20px');

您可以使用jquery选择器来解决它

$('.row > [class*="span"]:first-child').css({"padding-left":"20px"});

试着在IE开发工具栏上运行jquery,你会看到它工作了。请编辑你的标题,它没有描述你遇到的问题
$('.row > [class*="span"]:first-child').css({"padding-left":"20px"});