边界对齐问题，同时使用Twitter引导响应css

-1

我发现此帖在Bootstrap Tutorial for Blog Design。我打算将它用于我的项目之一，以提供它提供的响应式布局。我在承载demo的页面中发现了一个问题。已附加截图 Screenshot 页面中的第一篇文章“使用JQuery和CSS的Facebook时间轴设计”落在背景边界之外[已用蓝色标记] [不是预期结果] 其余帖子在页面内的边界是预期的行为[已标记为绿色]。有没有什么办法可以解决掉落在背景边框之外的第一篇文章的问题。我已经在IE，firefox和chrome中测试了这个结果。已创建jsbin页面here 边界对齐问题，同时使用Twitter引导响应css

来源

2013-02-09 Ananda

请修改您的标题，它不符合您的问题 – FelipeAls 2013-02-09 11:52:23

你可以得到它通过使用jQuery选择

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

解决添加这个样式表（底部者优先）

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

来源

2013-02-18 16:30:04

在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。

来源

2013-02-09 11:29:15 user1852180

如果你愿意，你可以添加这个jQuery

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

来源

2013-02-09 11:35:05 asifsid88

尝试在您的IE开发工具栏运行jquery，您会看到它的工作原理 – asifsid88 2013-02-09 11:35:56

边界对齐问题，同时使用Twitter引导响应css

回答

相关问题