title: Changing a Dashboard from bootstrap 3 to bootstrap 4, how to fit the partialViews inside
body: <p>I changed all the elements of my dashboard, for an example of the boostrap site itself, but after I made the change, all my partial views opening below the components of the admin screen</p>
  
  <p>ScreenShot:</p>
  
  <p><a href="https://i.stack.imgur.com/im1J7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/im1J7.png" alt="enter image description here"></a></p>
  
  <pre><code>     &lt;nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"&gt;
          &lt;a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#"&gt;Company name&lt;/a&gt;
              &lt;input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search"&gt;
          &lt;ul class="navbar-nav px-lg-5"&gt;
              &lt;li class="nav-item"&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          @Html.Partial("_LoginPartial")
      &lt;/nav&gt;
  
  &lt;div class="container-fluid"&gt;
          &lt;div class="row"&gt;
              &lt;nav class="col-md-2 d-none d-md-block bg-light sidebar"&gt;
                  &lt;div class="sidebar-sticky"&gt;
                      &lt;ul class="nav flex-column"&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a class="nav-link active" href="@Url.Action("Index", "Barcos")"&gt;
                                  &lt;span data-feather="home"&gt;&lt;/span&gt;
                                  Dashboard &lt;span class="sr-only"&gt;(current)&lt;/span&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a class="nav-link" href="#"&gt;
                                  &lt;span data-feather="file"&gt;&lt;/span&gt;
                                  Orders
                              &lt;/a&gt;
                          &lt;/li&gt;           
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"&gt;
      @RenderBody()
  &lt;/main&gt;
  </code></pre>
  
  <p>My Partial Example:</p>
  
  <pre><code>        &lt;div style="margin-top:40px" class="jumbotron"&gt;
              &lt;h1&gt;EXAMPLE&lt;/h1&gt;                               
          &lt;/div&gt;                               
  </code></pre>