【问题标题】:Bootstrap Help (links and subpages)Bootstrap 帮助(链接和子页面)
【发布时间】:2015-12-17 08:32:34
【问题描述】:

所以,我用引导程序设置了一些 LAMP 站点。使用原始下载的框架,我有 0 个问题。但是,由于我缺乏技能,我使用以下机制构建所有子页面(复制 .index、重命名、重新编辑、上传为链接到原始 .index 文件的子页面)。

现在,子页面可以正常工作,但是每当我在这些子页面上放置链接时,这些链接都不起作用。当我在原始 .index 上使用相同的链接代码时,链接工作正常。

如何获得我创建的这些子页面的链接?! - 提前感谢任何有见地的人。这个谜题困扰了我超过 9 个月(别笑)。

  • Joshua(设计师/html/css 级别 = 初学者)

【问题讨论】:

  • 简单的答案,但我有问题: 1.子目录中的子页面(即:与索引不在同一个文件夹中)? 2. 链接:它们指向哪里?其他子页面,还是返回索引?
  • Kevin ard - 感谢您的回复! 1. 不,重命名的 .index 副本(子页面)与原始 .index 位于同一文件夹中 2. 忘了提及这一点。子页面上的内部链接(返回 .index)工作正常。只有外部链接被破坏。
  • 不应更改外部链接(指向其他站点),除非您完全更改链接目标。 EG:如果你链接到这个页面,链接应该是<a href="http://stackoverflow.com/questions/32681715/bootstrap-help-links-and-subpages/32681866">Your Post</a>,不管它在什么页面上。这对你有用吗?如果没有,我可能无法正确地可视化它。发布您的故障代码将是无价的。
  • kevin ard,谢谢 - 但是,这是在子页面上不起作用的相同链接代码。在这里,我复制了您的链接代码(稍作更改)并将其添加到我的一个子页面中。在这里,您可以看到链接被破坏。 tutoringlosangeles.com/hangul.html(在页面的最顶部,链接确实会着色...)
  • 无价!这根本不是链接问题! :) 这是你的 CSS。在styles.css 的第469 行.banner-container:before 的样式中,该样式具有bottom:0px,这使得它占用了整个视口,阻止了鼠标操作。你必须解决这个问题。当我使用 Chrome 开发者工具并关闭 bottom:0px; 时,所有链接都可以正常工作

标签: html css twitter-bootstrap hyperlink


【解决方案1】:

您的页面中有一个 css 错误,很可能是由于删除了原始主页横幅。您的页面内容的包装方式与主页横幅相同,即用阻塞 div 填充页面。删除该包装器可以解决此问题。

修复

这应该是section#home的完整内容:fiddle

在小提琴中,请注意div.banner-container 不再存在。

【讨论】:

  • Kevin Ard 你是我的代码救星! - 请为我回答最后一个问题。所以有了你给我的信息,我似乎解决了我的问题。请检查我的机制(已复制
    找到子页面上类似编码的区域(
  • 我回头查看了链接页面,您所拥有的内容确实有效。但是,它不是很语义化,这在当今很重要。 this fiddle 说明我的语义推荐。
  • 我更新了小提琴来说明引导程序的网格系统,如果你有兴趣的话。调整小提琴窗格的大小以查看网格如何以不同的大小启动以使您的页面实际上响应。
  • Kevin Ard,非常感谢您的帮助。因为你,我终于建立了这个页面losangelesteacher.com/moreHangul.html,并在我的其他页面之一上发布了youtube视频losangelesteacher.com/chesstheory.html。干杯!
猜你喜欢
  • 1970-01-01
  • 2011-01-22
  • 2018-05-03
  • 2022-12-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-03
  • 1970-01-01
相关资源
最近更新 更多