Twitter bootstrap 3 引导响应的网站，但固定在一定的宽度

我有几个关于引导的问题

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

当在pc上调整引导站点的大小时，是否有办法将其固定在某个视图（320px）上？你会怎么做？我目前正在使用chrome进行测试

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

另一件事，我在导航栏上有这个徽标，有没有一种方法可以在导航栏中插入一个图像，并使用css样式自动调整它的大小，而不是在图像编辑器上使图像变小，也可以将它放在导航栏的前面，而不是放在导航栏的内部

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

当我将网站的大小调整到小于200px的宽度时，横幅图像会变小，并显示jumbotron后面的背景。如何使图像紧贴顶部导航栏

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

实践网站1引导

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

成功！！！

删除Jumbotron填充和边距/仍然不成功

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

但是，我们必须尽可能少地使用它
在亨德雷特（hendrerit）的一个共同协商机构中，在一个小规模的商业活动中，所有人都必须遵守法律规定
在亨德雷特（hendrerit）的一个共同协商机构中，在一个小规模的商业活动中，所有人都必须遵守法律规定
在瓦努普特韦利特的亨德雷特市，两名普通消费者的生活在一起
但是，我们必须尽可能少地使用它
在瓦努普特韦利特的亨德雷特市，两名普通消费者的生活在一起
但是，我们必须尽可能少地使用它
这是一个由两名普通消费者组成的组织，他们在瓦普特维利特的亨德雷特（hendrerit）工作。

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

1） 您可以将行类设置为列xs-#number，其中#number介于1和12之间，具体取决于行的宽度。这将意味着你的网站是“意味着”移动/小屏幕，任何桌面/大屏幕使用它将有相同的风格

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

2） 你可以做：

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>

<a href="#" class="navbar-brand"><img src="/urlpath.jpg" id="images_id" /></a>

---

3） 您可以为图像设置一个“img响应”类。或者，您可以设置相对于导航栏宽度和高度的图像大小，它将像导航栏一样缩小。

这里有一个示例网站，其中徽标位于导航栏上方，也是一个响应图像。

        <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">


        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">LINKS</a></li>
        <li class="dropdown"> <!-- Dropdown Link Start-->
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEDIA<b class="caret"></b></a>
        <ul class="dropdown-menu"> 
            <li><a href="#">FACEBOOK</a></li>
            <li><a href="#">TWITTER</a></li>
            </ul> <!-- Dropdown Link End-->
        </li>
        <li><a href="#">CONTACT</a></li>
        </ul>
        </div>
</div>
</div> <!-- Navigational Start Container-->

    <div class="jumbotron">
    <h1>Success!!!</h1>