html - Bootstrap 轮播导致图像下方的列中出现空白

标签 html css twitter-bootstrap

我正在尝试制作一个简单的 3 幻灯片轮播以适应 6 空间列。不过,每次我添加旋转木马时,它都会在 div 底部出现一个大的空白区域。谁能告诉我为什么会这样?

我考虑过在 div 上设置严格的高度,但随后网站在移动设备上失去了完全响应的能力。

网站在这里:http://mylomatt.mylio.com/stackoverflow.html

空白区域位于图像/图像轮播的正下方。

最佳答案

您的 .carousel-inner 类的底部填充为 120px。请参阅 custom.css 的第 1653 行。删除它(或将其变小),您应该一切就绪。

关于html - Bootstrap 轮播导致图像下方的列中出现空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28999762/

相关文章:

html - 似乎无法使用 css 获得正确的布局

jquery - CSS - 在 div 中居中 <p> 但文本左对齐

asp.net-mvc - Bootstrap 日期时间选择器未显示在 mvc 中

javascript - Bootstrap 可折叠条的副作用

javascript - 带有 png 图像的 3D 动画

html - 如何使 inline-flex 不影响其中一个 child

javascript - 函数 elm(obj){ return document.getElementById(obj); }

css - 字体溢出 Chrome 上的文本输入

javascript - 图片库悬停叠加高度问题

css - 如何将页脚绑定(bind)到具有相对父位置的页面底部?