滴水静禅天
扫描关注滴水静禅天

扫码加微信:-)

滴水静禅天
PREV
NEXT

bootstrap 圣杯,部局模板

滴水静禅天•2020-09-28•杂七杂八• 1297

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title</title>

    <link href="~/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

    <script src="~/js/bootstrap.min.js"></script>

    <script src="~/js/jquery.min.js"></script>

  

</head>

<body>

    @*导航栏*@


    <div class="row ">

        <div class="col-md-12">

            <nav class="navbar navbar-expand-lg navbar-dark bg-primary p-2  ">


                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

                    <span class="navbar-toggler-icon"></span>

                </button> <a class="navbar-brand" href="#">石墨数据库</a>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                    <ul class="navbar-nav">

                        <li class="nav-item active">

                            <a class="nav-link" href="#">Link <span class="sr-only">(current)</span></a>

                        </li>

                        <li class="nav-item">

                            <a class="nav-link" href="#">Link</a>

                        </li>

                        <li class="nav-item dropdown">

                            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>

                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>

                                <div class="dropdown-divider">

                                </div> <a class="dropdown-item" href="#">Separated link</a>

                            </div>

                        </li>

                    </ul>

                    <form class="form-inline">

                        <input class="form-control mr-sm-2" type="text" />

                        <button class="btn btn-primary my-2 my-sm-0" type="submit">

                            Search

                        </button>

                    </form>

                    <ul class="navbar-nav ml-md-auto">

                        <li class="nav-item active">

                            <a class="nav-link" href="#">Link <span class="sr-only">(current)</span></a>

                        </li>

                        <li class="nav-item dropdown">

                            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>

                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">

                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>

                                <div class="dropdown-divider">

                                </div> <a class="dropdown-item" href="#">Separated link</a>

                            </div>

                        </li>

                    </ul>

                </div>

            </nav>

        </div>

    </div>


    @*end导航栏*@


    <div>

        @RenderBody()

    </div>


    @*页脚*@

    <!-- Footer -->

    <footer class="page-footer font-small  pt-4 fixed-bottom bg-primary">

        <!-- Footer Links -->

        <!-- Copyright -->

        <div class="footer-copyright text-center text-light ">

            <div>石墨数据库</div>

            <div>中国地质科学院郑州矿产综合利用研究所</div>

            © 2020 Copyright:

            <a class="text-light" href="https://mdbootstrap.com/"> 矿物材料中心-赵毅</a>

        </div>

        <!-- Copyright -->

    </footer>

    <!-- Footer -->

    @* End页脚*@

<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="~/lib/jquery/dist/jquery.min.js"></script>

</body>

</html>


发表评论