【问题标题】:CSS My site layout is messed up [closed]CSS 我的网站布局搞砸了[关闭]
【发布时间】:2013-07-08 04:39:04
【问题描述】:

这里是the site,我使用的是引导网格系统。头版还不错,但是如果点击左侧边栏的“高级搜索”,页面全部被推到屏幕左侧,主内容区域的三列之间没有30px的间距。同样的问题出现在搜索结果页面。

升级到 firefox 22.0 后我注意到了这个问题,我尝试安装“NoSquint 2.1.9”并将全局设置重新设置为 80%,但没有帮助。所有其他主要浏览器也显示相同的问题,让我相信这是我的 CSS 设置问题,但我到处查看,不记得我做了任何更改。

需要借用别人的敏锐眼光!

谢谢。

更新:

对此我深表歉意。这是“高级搜索”页面的主要结构截图,其中整个布局不再以浏览器为中心。我在 HTML 中看不到任何更改。

【问题讨论】:

  • 如果您找到相关代码并将其作为repro 发布在您的问题中,将会有所帮助。这样,即使您修复了链接的网站,这个问题对于未来遇到类似问题的访问者仍然有用。
  • 代码?我们不是通灵者(即使我们很聪明)
  • 我们可以要求您发布实际代码而不是屏幕截图吗?谢谢

标签: html css layout


【解决方案1】:

页面上有不同的 Bootstrap css 文件,显示效果不佳。

在主页上,您有http://bootstrap.netmorerealtor.com/css/bootstrap.css,我认为这是您在搜索和高级页面上想要的那个。

在显示不好的页面上,添加

<link rel="stylesheet" href="http://bootstrap.netmorerealtor.com/css/bootstrap.css">

到头之前

<link rel="stylesheet" href="http://bootstrap.netmorerealtor.com/css/html.css">  

并删除

<link rel="stylesheet" href="http://bootstrap.netmorerealtor.com/css/bootstrap.min.css">  

希望这会有所帮助!

【讨论】:

  • 你说的完全正确!虽然我不明白缩小版本是如何弄乱的,因为它是我从引导程序下载的副本,但你帮我解决了问题。非常感谢!
  • 完美,祝您的网站好运!