【问题标题】:Bootstrap - Can not remove the right marginBootstrap - 无法删除右边距
【发布时间】:2018-06-19 19:07:33
【问题描述】:

我在http://kovaneruze.cz 上遇到问题。页面有右边距/内边距,图片如下:

Image 1

我在 container-fluid div 上有一个 padding: 0px 属性,所以图像和项目正好贴在页面的两侧。如果我删除它,边距消失,但内容不正确。以下是图片:

Image 2

Image 3

感谢您的帮助!

【问题讨论】:

  • 请出示您的代码
  • 什么版本的引导程序??
  • bootstrap的版本是Bootstrap 4,代码如下:jsfiddle.net/4j01hwsz
  • 我没有看到任何空间我看到滚动条
  • 我已经通过下面的正确答案修复了空间,谢谢。现在我想弄清楚,如何设置其余的列/行的样式,使其粘在一边,但不留出任何额外的空间。

标签: html css margin padding


【解决方案1】:

为col-md-12添加左右0px的填充

<div class="row" style="padding: 0px;">
        <div class="col-md-12 margin-0 wow fadeIn" style="visibility: visible; animation-name: fadeIn;padding-left:0px;padding-right:0px;">
            <img src="http://kovaneruze.cz/images/ruze1.jpg" width="100%">
        </div>
    </div>

【讨论】:

  • 感谢您的回答!这只是修复了右边距顶部列,但其他列仍然不粘在一边。