HTML5/Bootstrap 格式 - 没有填充/边距的图像答案

【问题标题】：HTML5/Bootstrap formatting - images without padding/marginsHTML5/Bootstrap 格式 - 没有填充/边距的图像
【发布时间】：2018-08-17 06:18:48
【问题描述】：

我正在尝试制作一个包含 3 个图像的块，其中 2 个具有相同的大小，而 1 个的宽度是其余图像的两倍。我在这里搜索过类似的问题，但它们对我不起作用。

how to use no margin image side image in html, css

HTML5 代码是：

<head runat="server">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="icon" href="images/favicon.png">
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-reboot.css" rel="stylesheet" />
    <link href="css/custom.css" rel="stylesheet" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.blockUI.js"></script>    
</head>
    <div class="container-fluid" style="max-height: 450px; max-width: 1380px;margin:0;padding:0;"><!-- tried without margin/padding as well -->
        <div class="row">
            <div class="col-3">
                <img src="images/2.jpg" class="img-fluid" style="margin:0;padding:0;" />
            </div>
            <div class="col-3">
                <img src="images/1.jpg" class="img-fluid" style="margin:0;padding:0;"/>
            </div>
            <div class="col-6">
                <img src="images/3.jpg" class="img-fluid" style="margin:0;padding:0;"/>
            </div>
        </div>
    </div>

也尝试过没有边距/填充，但没有结果。我使用 Bootstrap 4 作为基础 CSS，我目前有另一个 CSS 表，如果需要我可以编辑。在应用其他 CSS 之后，似乎某些 CSS 表正在创建边距，但我似乎找不到它。

(https://imgur.com/a/wHkil2k)

【问题讨论】：

标签： html css bootstrap-4

【解决方案1】：

什么意思？您看到的图像之间的间隙是列中的填充。如果您不想要它们，只需在 .row 元素上添加引导类 .no-gutters，每个 https://getbootstrap.com/docs/4.1/layout/grid/#no-gutters。

<div class="container-fluid">
    <div class="row no-gutters">
        <div class="col-3">
            <img src="images/2.jpg" class="img-fluid" />
        </div>
        <div class="col-3">
            <img src="images/1.jpg" class="img-fluid"/>
        </div>
        <div class="col-6">
            <img src="images/3.jpg" class="img-fluid" />
        </div>
    </div>
</div>

小提琴： http://jsfiddle.net/aq9Laaew/158414/

【讨论】：

不知道gutters这个词，看来我的英语还需要改进，这很有效，非常感谢！
我也不知道：p