Bootstrap列导致水平滚动条

Question

在本网站的"我的工作"部分: 网站

有些东西导致它太宽.

当您将鼠标悬停在项目上(或触发:悬停状态<div class="projectbox">并查看项目图标(眼睛,github和图像)时,最后一个项目的"图像"是我认为的原因.

但是,我不知道为什么会这样.我应该从这些按钮中删除填充吗？我觉得那不是你应该做的.(如果填充甚至是导致它发生的原因).

相关代码:

Answer 1

水平滚动条通常是由错误地使用Bootstrap网格引起的.

Ben Goossens提出的解决方案是一个hack,应该避免,因为它使得Bootstrap的使用毫无意义.按预期使用Bootstrap,您将不需要任何黑客或自定义css体操.

这就是你需要的:

1).container div

2).row div

3).col div

这是为了使Bootstrap网格正常工作所需的"三位一体".

始终将所有正常内容放入Bootstrap列(然后进入一行,进入容器),您将不会遇到任何水平滚动条问题.

Bootstrap行旨在与列一起使用.如果你把其中一个留下,你就会遇到问题.