HTML5/引导格式-无填充/边距的图像
我试着制作一个由3个图像组成的块,2个大小相同,1个宽度是其余图像的两倍。我在这里搜索过类似的问题,但它们不适合我HTML5/引导格式-无填充/边距的图像,html,css,bootstrap-4,Html,Css,Bootstrap 4,我试着制作一个由3个图像组成的块,2个大小相同,1个宽度是其余图像的两倍。我在这里搜索过类似的问题,但它们不适合我 你是什么意思?您看到的图像之间的间隙是来自列的填充。如果您不需要它们,只需添加引导类。在.row元素上没有槽,per fiddle:我不知道“排水沟”这个词,看来我的英语还需要提高,这很有效,非常感谢!我也不知道:p <head runat="server"> <meta name="viewport" content="width=device-widt
你是什么意思?您看到的图像之间的间隙是来自列的填充。如果您不需要它们,只需添加引导类。在.row元素上没有槽,per
fiddle:我不知道“排水沟”这个词,看来我的英语还需要提高,这很有效,非常感谢!我也不知道:p
<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>
<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>