网格系统。如何删除填充

Question

我想删除没有p-0的左右填充。我在每个cols上添加了班级家庭帖子，并为其设置了样式 显示：inline-block; 填充：0; 但这不起作用。我怎么了？

<div class="container">
    <div class="row">
        <div class="col-12 col-md-6 col-lg-6 home-posts">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        </div>
        <div class="col-12 col-md-6 col-lg-2 home-posts">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        </div>
        <div class="col-12 col-lg-4 home-posts" id="home-links">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        </div>
</div>

Answer 1

通过使用<div id="banner"> </div> <div class="sidenav"> <a href="#about">About</a> </div> <div class="main"> <h2>Sidebar</h2> <p>This sidebar is of full height (100%) and always shown.</p> </div>类

---

仅将no-gutters类添加到no-gutters

row

引导程序中的

<div class="container"> <div class="row no-gutters"> <div class="col-12 col-md-6 col-lg-6 home-posts"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </div> <div class="col-12 col-md-6 col-lg-2 home-posts"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </div> <div class="col-12 col-lg-4 home-posts" id="home-links"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </div> </div> 类样式。

no-gutters

这使得左右中的每个col填充都变为零

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}