列之间的引导面板空间答案

【问题标题】：bootstrap panel space between columns列之间的引导面板空间
【发布时间】：2018-05-30 23:49:39
【问题描述】：

我有这个页面：

http://www.nuzoo.it/it/prodotti-robot/raro-robot-videosorveglianza-mobile

我想删除“Funzionalità”部分中面板之间的空间。每个面板都有这个代码：

#bor_panel {
border-radius: 12px;
border: 2px solid #287396;
padding: 20px;
width: 170px;
height: 170px;
display: flex;
 }

#bor_panel span {
 margin: auto;
 display: none;
 }

 #bor_panel:hover img {
  display: none;
 }

 #bor_panel:hover span {
  display: inline;
 }

我已经尝试过“margin-left/right:0”、“padding-left/right:0”、“margin:0”、“no-gutter”，但没有任何改变……知道吗？谢谢

--------编辑-------

我会这样：

https://imgur.com/a/BSDke

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定问题或错误和在问题本身中重现它所需的最短代码。没有明确的问题陈述的问题对其他读者没有用处。请参阅：如何创建最小、完整和可验证的示例 (stackoverflow.com/help/mcve)。改善这个问题；考虑将您的html 和css 组合成一个代码sn-p，以准确展示所描述的问题，并实现用户友好的重现和故障排除 i>.
你希望它们之间有多少空间，请硬编码并注明，同时你可以按margin:0删除行中的默认边距；
@satyampathak 正如我所说，我已经尝试过“margin:0”、“margin-left:0”等

标签： html css panel bootstrap-4 col

【解决方案1】：

在行中添加一个“no-gutters”类 http://getbootstrap.com/docs/4.0/layout/grid/#no-gutters

【讨论】：

您在帖子中没有提到这一点。您是否将类添加到行而不是列？那是我的错误，只是编辑了答案
我使用了“no-gutters”类并在我的专栏中添加，但没有任何改变。
是的，我明白了，看起来你有旧版本的引导程序，“no-gutters”类不可用
抱歉，“no-gutters”类只是一个 CSS 代码。我不认为我的 Bootstrap 版本是问题...