html - Footer 和 Jumbotron 之间的空白

标签 html css twitter-bootstrap

我的网站有两个问题:

<强>1。 Jumbotron 和页脚之间不需要的空白:

我尝试了在这里和那里发布的各种解决方案,包括 stackoverflow,但是我没有设法解决我的问题。我不知道是什么原因造成的。

<强>2。页脚中的列略有移动

代码看起来是正确的,即使我在页脚中的列似乎在左侧稍微 float

代码可以在这里找到:

codepen.io/foeva/pen/dMqxyK?editors=1100

最佳答案

Jumbotron 的标准底边距为 30px;

将以下内容添加到您的 css 中的 .jumbotron 选择器应该可以修复它:

margin-bottom: 0;

我看不出这些列有什么问题,它们都是等宽的并且居中。

关于html - Footer 和 Jumbotron 之间的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36945807/

相关文章:

jquery - 禁止在 div 中复制?

php - 如何将图像标题放在菜单和部分上?

javascript - 将值添加到选择并排序

javascript - 添加新的 DOM 子元素时显示动画

html - Bootstrap 3 - 面板周围的空间

javascript - 根据帮助文档中的新语法重写 html2canvas

html - 展开显示 :flex 的 div

html - 移动导航栏的下拉菜单溢出

html - 在大图像旁边对齐两个小图像

css - 创建 Bootstrap 响应式布局时如何设置容器 div 的宽度?