从Bootstrap中删除保证金？

Question

我简单似乎无法获得如何删除这些边距，因为你可以看到我使容器有蓝色背景，并且由于某种原因我可以在右侧和左侧看到，这意味着我的两个div盒子不能覆盖100％的屏幕。我试过保证金：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;

    }