css 如何从容器中删除空格?

5us2dqdw  于 2023-05-08  发布在  其他
关注(0)|答案(1)|浏览(125)

first picturesecond picture
我正在学习如何使用Bootstrap。在第一张图片上一切都很好,因为背景是图片。但是在第二张图片上我有页边距,它是背景颜色。如何删除边距?下面是第二个的代码:

<div class="container-fluid bg-image w-100" style="background:rgb(201, 188, 188);">
                <div class="text-center display-3 pt-5">
                    <p>What We Do</p>
                </div>
                <p class="text-center pt-2" style="padding-right:20%; padding-left: 20%;">Lorem ipsum dolor sit amet consectetur 
                    adipisicing elit. A veniam totam eaque praesentium excepturi voluptas suscipit dicta, 
                    blanditiis repudiandae error! Quia dignissimos obcaecati vero illum optio ducimus 
                    iure assumenda earum hic soluta ratione voluptas laudantium quasi incidunt maxime, 
                    autem vel repellendus enim. Maiores enim assumenda fugiat dicta distinctio, a neque.</p>
                <div class="text-center pt-2 pb-2"><img src="./img/03.png" alt="" style="width: 50%;"></div>
                <p class="text-center pt-5 pb-5">Images from <span style="text-decoration: underline">Freepik</span></p>
            </div>
fafcakar

fafcakar1#

尝试在css样式中的bg-image类中使用。

{
  padding : 0 !important;
  margin : 0 !important;
}

相关问题