Css 无边距引导中的照片网格

我试图在Bootstrap中实现照片网格，没有像这样的边距，而且这必须是全宽的，我解决了这个问题，把所有的液体都放在容器中，没有排水沟。。 ,

但我不知道我错在哪里。最大的问题实际上是更大的照片，我需要对齐它，没有任何边框或边距，我试图创建，就像你在照片中看到的那样

---

，另一张照片是col-lg-6以获得此尺寸，其他照片是col-lg-3。不知道是什么问题

这可能会有所帮助。首先，我用一个类对左侧的公文包框进行分类，我可以用这个类来表示特殊性。然后我把它添加到CSS中

 .portfolio-box.left-side{
   height: 480px;
   overflow: hidden;
 }
 .left-side > img{
    width:100% !important;
 }

这是HTML的附加类

<a href="#" class="portfolio-box left-side">

---

这可能会有所帮助。首先，我用一个类对左侧的公文包框进行分类，我可以用这个类来表示特殊性。然后我把它添加到CSS中

 .portfolio-box.left-side{
   height: 480px;
   overflow: hidden;
 }
 .left-side > img{
    width:100% !important;
 }

这是HTML的附加类

<a href="#" class="portfolio-box left-side">

希望它能帮助你

.img-responsive {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
.portfolio-box {
position: relative;
display: block;
margin: 0 auto;
max-width: 100%;
}

希望它能帮助你

.img-responsive {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
.portfolio-box {
position: relative;
display: block;
margin: 0 auto;
max-width: 100%;
}

我会对网格列的子项应用等于边沟宽度的负边距和匹配的填充：

.gallery-image {
  margin: -15px;
  padding: 15px 0;
}

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-6">
      <div class="gallery-image">
        <div class="embed-responsive embed-responsive-4by3">

.gallery图像{
利润率：-15px；
填充：15px0；
}

我会对网格列的子项应用等于边沟宽度的负边距和匹配的填充：

.gallery-image {
  margin: -15px;
  padding: 15px 0;
}

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-6">
      <div class="gallery-image">
        <div class="embed-responsive embed-responsive-4by3">

.gallery图像{
利润率：-15px；
填充：15px0；
}

您需要将您的代码（简化为）发布到您的问题中。由于多种原因，外部链接可能变得不可用，使问题不完整且无法回答。您需要将代码（简化，转换为）发布到问题中。由于多种原因，外部链接可能变得不可用，使问题不完整且无法回答。帮助，只是将高度更改为520px，以证明其正确性。。但现在我需要全宽，左边的图片和另一张图片之间没有任何间隙。我只是将高度改为520px，用右边来证明。。但现在我需要全宽，左边的图片和另一张图片之间没有任何差距。谢谢，差不多就是这样。现在只做一些小的改变，像这样修改核心引导类通常不是一个好主意。相反，创建您自己的类。谢谢，差不多就这样了。现在只做一些小的改变，像这样修改核心引导类通常不是一个好主意。相反，创建自己的类。