Html 如何在小屏幕上调整导航条？

我正在使用bootstrap 3在我的页面中制作导航栏，它在小屏幕上工作不好，当我尝试最小化屏幕时导航栏没有很好地折叠，问题是什么？下面是一个示例

切换导航

小提琴不包括

bootstrap.js

，因此折叠组件无法工作。当同时包含css和js时，它可以正常工作

---

请查看上面的快照，了解我在尝试最小化页面时在页面中得到的结果

<div class="container">
    <div class="row">
        <img id="logo" src="../lib/css/images/Logo.jpg" class="pull-left" width="100px" height="100px">
        <nav class="navbar navbar-inverse" style="height: 40px;margin-left: 105px;">
            <div class="container-fluid">
                 <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span> 
                        </button>
                      <a class="navbar-brand" style="height: 30px;margin-top:-12px;">Welcome</a>
                 </div>
                 <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav">
                            <li class="dropdown"><a href="#" data-toggle="modal" data-target="#modal-1">Add New Category</a></li>
                            <li class="dropdown"><a href="#" data-toggle="modal" data-target="#modal-2">Search Orders</a></li>
                            <li class="dropdown"><a href="#" data-toggle="modal" data-target="#modal-3">Calendar</a></li>
                            <li class="dropdown"><a href="#" data-toggle="modal" data-target="#modal-4">Order status</a></li>
                        </ul>
                        <ul>
                            <li class="nav navbar-nav navbar-right">
                                <?php
                                    if(isset($_SESSION["username"]))
                                    {
                                        echo '<a href="../logout.php" id="logout" class="btn btn-success CustLog">Log out</a>';
                                        echo '<h5>Welcome- '.$_SESSION["username"].'</h5>'; 
                                    }
                                    else
                                    {
                                        header("location:../login.php");
                                    }
                                    include_once "connect.php";
                                ?>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
         </div>
      </div>