删除列中内容与列边缘之间的空白

Question

        <div class="row mt-5 d-flex">
            <div class="col-md-3 p-5 mt-3">
                <img id="image" class="align-self-center" 
                src="background1.jpg" 
                width="80%" height="100%"/>
            </div>   

            <div class="col-md-4 align-self-center">
                <span id="text">
                    text
                </span>
             </div> 

            <div class="col-md-5 background-image">

            </div>
       </div>

结果： 我不知道为什么圆形图像和列末尾之间的空白区域在那里。我使用引导程序。为了正确查看边缘，我使用“col-md-*”在 div 周围设置了边框。

我尝试将填充和边距设置为 0，但没有任何更改。我认为它必须与“img”标签有关（我也尝试将其设置为显示为块）。

Answer 1

检查任何填充或边距。通常 bootstrap 会使用 col-md-** 类自动添加这些属性。您可能必须覆盖这些类。我会使用检查元素工具来跟踪它们。