将仪表板从 bootstrap 3 更改为 bootstrap 4，如何将 partialViews 放入其中答案

【问题标题】：Changing a Dashboard from bootstrap 3 to bootstrap 4, how to fit the partialViews inside将仪表板从 bootstrap 3 更改为 bootstrap 4，如何将 partialViews 放入其中
【发布时间】：2019-04-25 04:08:53
【问题描述】：

我更改了仪表板的所有元素，例如 boostrap 网站本身，但在我进行更改后，我的所有部分视图都在管理屏幕的组件下方打开

截图：

     <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
        <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Company name</a>
            <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
        <ul class="navbar-nav px-lg-5">
            <li class="nav-item">
            </li>
        </ul>
        @Html.Partial("_LoginPartial")
    </nav>

<div class="container-fluid">
        <div class="row">
            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" href="@Url.Action("Index", "Barcos")">
                                <span data-feather="home"></span>
                                Dashboard <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">
                                <span data-feather="file"></span>
                                Orders
                            </a>
                        </li>           
                    </ul>
                </div>
            </nav>
        </div>
    </div>
 <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
    @RenderBody()
</main>

我的部分示例：

        <div style="margin-top:40px" class="jumbotron">
            <h1>EXAMPLE</h1>                               
        </div>

【问题讨论】：

标签： asp.net-mvc twitter-bootstrap bootstrap-4

【解决方案1】：

已解决，渲染体放错地方了。

<div class="container-fluid">
        <div class="row">
            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" href="@Url.Action("Index", "Barcos")">
                                <span data-feather="home"></span>
                                Dashboard <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">
                                <span data-feather="file"></span>
                                Orders
                            </a>
                        </li>           
                    </ul>
                </div>
            </nav>
               <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
                  @RenderBody()
               </main>
    </div>
</div>

【讨论】：