コンテナがサイドバーと重なっている理由 - ish <nav>？

Question

なぜ流体容器は重なり合っているのですか？
これが正しいのですか、何か不足していますか？私に間違って見える。

<nav class="nav flex-column float-left"> 
    {links} 
</nav> 

<div class="container-fluid"><!-- overlapping --> 
    <div class="row"><!-- fine --> 
    <div class="col"><!-- fine --> 
     <main role="main"><!-- fine --> 
     {content} 
     </main> 
    </div> 
    </div> 
</div> 

https://jsfiddle.net/w3LwwxL7/

編集：あなたが知っているだけのために：私は（画像参照）を一定の幅を持つ静的左のサイドバー/ NAVを達成したいです。右側のすべてがメインコンテンツです。だから私はcol-1（nav）とcol-11（main）を使用しなかったのです。ここで

これは

Answer 1

があなたのsidenav固定widthを与え、padding-left（サイドバーの幅を同量）設定:-)ホープは一例です：あなたは、ブートストラップの https://jsfiddle.net/w3LwwxL7/3/