【问题标题】:When I resize browser window it covers my slideshow content - Bootstrap当我调整浏览器窗口大小时,它会覆盖我的幻灯片内容 - Bootstrap
【发布时间】:2015-09-07 21:27:40
【问题描述】:

我正在将引导程序用于个人网站,但在使用 Javascript 幻灯片时遇到了问题。

基本上,当浏览器窗口变小时,不是幻灯片显示的 DIV 内容按比例缩小并保持内容的大小,而是切断内容的边缘。

当我调整浏览器大小时,文本并没有换行,它只是覆盖了内容。我敢肯定这很简单,但我无法解决,如果有人可以看一下,将不胜感激,这是您可以自己查看的网站链接。

http://www.luke-taaffe.com

【问题讨论】:

    标签: html css twitter-bootstrap media-queries


    【解决方案1】:

    好的,我解决了这个问题,我花了大约一个小时查看 bootstrap-responsive.css 中的媒体查询。

    首先,我必须在标题中使用 navbar-right 并删除所有边距,即我之前用于定位链接的填充。

    这会停止链接,这会在我调整大小时保持窗口右侧的链接而不覆盖它们。

    然后导航栏分成两行,所以我不得不更改媒体查询。

    【讨论】:

      【解决方案2】:

      我发现您的 HTML 存在一些问题。您创建的布局不是必需的,随着您的前进,您将不断遇到问题。 因此,我建议现在自己修复它。

      1. 如果您想使用 bootstrap,请进一步了解他们的响应式设计元素:Tutorial / Bootstrap Responsive Grid System

      2. 然后在these中选择一个主题

        它会自动照顾您设计的响应能力。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-04-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多