html - 从 Bootstrap 中删除 margin ？

Question

我似乎不知道如何删除这些边距，正如您所看到的，我将容器设置为蓝色背景，出于某种原因，我可以在右侧和左侧看到它，这意味着我的两个 div框不会覆盖 100% 的屏幕。我试过 margin:0;填充:0；这样但没有运气，希望有人能帮助我。我一直在阅读其他主题，但找不到可以解决我的问题的主题。

希望你能帮到你。

HTML

<div class="container">
        <div class="row">
            <div class="col-xs-2 col-md-2 col-lg-2 left_nav">

            <ul>
                <li><p>cheese</p></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>


            </div>
            <div class="col-xs-10 col-md-10 col-lg-10 mid_content">

            </div>
        </div>
    </div>   

CSS

* {

    margin:0;
    padding:0;

    }

    body {

        background:black;
        color:white;
        font-family:Arial;

    }

    .row {

    background:purple;
    margin:0;
    padding:0;

    }

    .left_nav {

    background:black;
    height:auto;
    min-height:500px;

    }

    .mid_content {

    background:#F5D000;
    height:auto;
    min-height:500px;


    }

    .container {

    width:100%;
    background:blue;

    }

Answer 1

如果要覆盖100%的屏幕，需要使用container-fluid类。

这不是边距的问题。默认的“container”类用于固定宽度布局，container-fluid 用于全宽布局。

有关官方 boostrap 文档的更多信息 here .

<div class="container-fluid">
  <div class="row">
    ...
  </div>
</div>