【问题标题】:Images in Bootstrap/Foundation : Text is moving on loadBootstrap/Foundation 中的图像:文本在加载时移动
【发布时间】:2012-12-02 05:07:48
【问题描述】:

我无法理解基本 html 的一部分。

当我加载页面时,对于图像,除非我定义了宽度和高度,否则它将从 0 开始,然后增长到高度。这会导致文本移动。我不想那样做,但如果我要定义高度,那么事物的响应性将不起作用。它会弯曲和破坏图像,因为宽度是相对的,而高度不是。

在这种情况下我会怎么做?

你可以在 www.adarels.com 上看到我在说什么

【问题讨论】:

  • 响应不是魔法。您是否尝试过定义一个 min-height 以使您的布局适用于每种分辨率?
  • 我没有。您应该尝试放置有问题的 html on this jsfiddle,但您可以通过更正布局来解决它(.row 然后 x*.span 然后 .row 然后 y*.span - 其中 x < 12 和 @ 987654328@)

标签: jquery html css twitter-bootstrap responsive-design


【解决方案1】:

您可以使用样式“display:none”隐藏 div。

使用如下准备好的jquery,您可以显示div(注意这未经测试,希望您尝试一下作为建议):

$(document).ready(function(){
    $(#divid).show();
});

让我知道它是否有效。

【讨论】:

  • 感谢 Rups。我最终使用了不同的幻灯片,它允许我设置高度,但这也可以。
猜你喜欢
  • 2019-03-24
  • 2014-11-16
  • 2016-09-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-04
  • 1970-01-01
相关资源
最近更新 更多