当我调整浏览器窗口大小时,它会覆盖我的幻灯片内容 - Bootstrap

时间:2015-06-22 12:15:26

标签: html css twitter-bootstrap media-queries

我正在使用bootstrap作为个人网站,而我在使用Javascript幻灯片时遇到了麻烦。

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

当我调整浏览器大小时,文本不会破坏另一行,它只是掩盖了内容。我确信这很简单,但我不能解决这个问题,如果有人可以看看,我将非常感激,这里是您可以自己看到的网站链接。

http://www.luke-taaffe.com

2 个答案:

答案 0 :(得分:0)

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

  1. 当您想使用引导程序时,请更多地了解其响应式设计元素:Tutorial / Bootstrap Responsive Grid System
  2. 然后在these

    中选择一个主题

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

答案 1 :(得分:0)

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

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

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

然后导航栏突破2行,所以我不得不更改媒体查询。