Twitter bootstrap 引导3页脚没有响应

我正在尝试使用Bootstrap3设计页脚

当我最小化屏幕时，我的设计没有响应

我希望页脚菜单与大屏幕中的相同

<footer id="footer" class="midnight-blue">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                © 2013 <a target="_blank" href="" title="Free Twitter Bootstrap WordPress Themes and HTML templates">Layout</a>. All Rights Reserved.
            </div>
            <div class="col-sm-6">
                <ul class="pull-right">
                    <li><a style="color:#FFF" href="#">Home</a></li>
                    <li><a style="color:#FFF" href="#">About Us</a></li>
                    <li><a style="color:#FFF" href="#">Faq</a></li>
                    <li><a style="color:#FFF" href="#">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </div>

© 2013 . 版权所有。

这里是链接

我需要这样的页脚，同时最小化

---

您可以在无序列表中使用引导类列表未设置样式、列表内联

<ul class="list-unstyled list-inline pull-right">

或 删除第14行上的媒体查询（@media（最小宽度：768px））也可以

这是一个固定版本

<footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    © 2013 <a target="_blank" href="" title="Free Twitter Bootstrap WordPress Themes and HTML templates">Layout</a>. All Rights Reserved.
                </div>
                <div class="col-sm-6 clearfix">
                    <ul class="pull-right list-unstyled list-inline">
                        <li><a style="color:#FFF" href="#">Home</a></li>
                        <li><a style="color:#FFF" href="#">About Us</a></li>
                        <li><a style="color:#FFF" href="#">Faq</a></li>
                        <li><a style="color:#FFF" href="#">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
</footer>

© 2013 . 版权所有。

这里有一个固定版本显示在响应视图上

© 2013 . 版权所有。