Bootstrap4のcontainer-fluid使用時に合計値が12のカラムが2行になってしまう

<前提>
Bootstrap4・Larvelを使用して、HPのトップページを作っています。
一番上にnavigation bar、
その下にサイドバーとトップ画像を設置したく、
レイアウトを
navbar
container-fluid(col-lg-2がサイドバー、col-lg-10が画像)
と決めました。

<問題>
container-fluidを使用するにあたり、colに対してはmarginやpaddingを0
とするcssを設定し、Chromeの検証で見たところpaddingやmarginがないにも関わらず、
隙間(サイドバーの左に空白)ができ、カラムが2行になってしまいます。
(サイドバーの右が大きく空白になり、サイドバーの下に画像がきます)
尚、問題はwidthが992pxより大きい時に発生しています。
(それ以下の画面サイズでは別の設定をしているので本問題とは関係がありません)

<レイアウトファイル>

html
1<div class="container-fluid">
2
3  <div class="row">
4  　<div class="d-none d-lg-block col-lg-2 border no-gutter no-padding">
5  　    <!-- sidebar -->
6  　    @include('common.partials.sidebar')
7  　</div>
8  　<div class="col-md-12 col-lg-10 no-padding no-gutter">
9  　<!-- topimage -->
10      　@yield('topimg')
11  　</div>
12　</div>
13
14</div>
15

sidebar.blade.php

html
1<div class="sidebar">
2 <nav class="sidebar-menu" role="navigation">
3  <ul>
4(ここにはメニューが記載されています)
5  </ul>
6  </nav>
7</div>
8

トップページのhtmlファイル(レイアウトファイルをextendする)

html
1 @section('topimg')
2     <div class="mainimg">
3			 <div class="bckimg" style="background-image: url(images/topimg_1.jpg);">
4		  	</div>
5		  </div>
6@endsection

css
1
2/*sidebar*/
3@media screen and (min-width: 992px){
4.col-lg-2 .sidebar  {
5  position: relative;
6  top: 0;
7  padding: 0px;
8  margin: 0px;
9  height: 100%;
10  width: 100%;
11  left: 0;
12  -webkit-transition: 0.5s;
13  -o-transition: 0.5s;
14  transition: 0.5s;
15    background-color: #F8F9FA;
16  }
17 }
18
19
20.sidebar-menu ul {
21  text-align: left;
22  margin: 0;
23  padding: 0;
24}
25
26.sidebar-menu ul li {
27  color:white;
28  margin: 0 0 50px 0;
29  list-style: none;
30  text-decoration: none;
31  text-transform: uppercase;
32  font-size: 14px;
33  font-weight: 600;
34  position: relative;
35  padding: 7px 7px;
36  white-space: nowrap;
37}
38
39
40/*top img*/
41.col-md-12 .mainimg {
42      right: 0;
43      padding: 0px;
44      height: 300px;
45}
46
47@media screen and (min-width: 992px) {
48.col-lg-10 .mainimg
49{
50  padding: 0px;
51  right: 0;
52  height: 500px;
53  width: 100%;
54  padding: 0px;
55}
56}
57
58.bckimg {
59    min-height: 100%;
60    background-size: cover;
61    width: 100%;
62}
63
64.no-padding {
65  padding-right: 0;
66  padding-left: 0;
67}
68