边界对齐问题,同时使用Twitter引导响应css
问题描述:
我发现此帖在Bootstrap Tutorial for Blog Design。 我打算将它用于我的项目之一,以提供它提供的响应式布局。 我在承载demo的页面中发现了一个问题。 已附加截图 页面中的第一篇文章“使用JQuery和CSS的Facebook时间轴设计”落在背景边界之外[已用蓝色标记] [不是预期结果] 其余帖子在页面内的边界是预期的行为[已标记为绿色]。 有没有什么办法可以解决掉落在背景边框之外的第一篇文章的问题。我已经在IE,firefox和chrome中测试了这个结果。 已创建jsbin页面here边界对齐问题,同时使用Twitter引导响应css
答
你可以得到它通过使用jQuery选择
$('.row > [class*="span"]:first-child').css({"padding-left":"20px"});
解决添加这个样式表(
底部者优先)
.row > [class*="span"]:first-child {
padding-left: 20px;
}
答
在css文件中,它声明第一个span元素在左边没有空白。上线232
自举-responsive.css:
.row-fluid [class*="span"]:first-child {
margin-left: 0px;
}
删除或评价这些出:行419
.row-fluid [class*="span"]:first-child {
margin-left: 0px;
}
bootstrap.css。
答
如果你愿意,你可以添加这个jQuery
$('.row > [class*="span"]:first-child').css('padding-left','20px');
+0
尝试在您的IE开发工具栏运行jquery,您会看到它的工作原理 – asifsid88 2013-02-09 11:35:56
请修改您的标题,它不符合您的问题 – FelipeAls 2013-02-09 11:52:23