Question

我对bootsrap有点新，我已经尝试过让UL级崩溃的所有内容，但是在重新调整视口大小时它并没有崩溃。下面是我写的代码。

任何帮助都会非常感激。谢谢！

<nav class="navbar navbar-default navbar-static-top' role='navigation' ">
<div class="fluid" >
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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>



         <ul class="nav navbar-nav">
            <li><a href="">Projects</a></li>
            <li><a href="#">Freelancer</a></li>
            <li><a href="#">Inbox</a></li>
            <li><a href="#">My Account</a> </li>
        </ul>

     </div>
    </div>
</nav>

Answer 1

别介意我刚才发现原因。我需要在UL

周围包装以下div元素

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

代码看起来像这样..

  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav">
                <li><a href="">Projects</a></li>
                <li><a href="#">Freelancer</a></li>
                <li><a href="#">Inbox</a></li>
                <li><a href="#">My Account</a> </li>
            </ul>
                </div>

我的列表项未在导航栏

1 个答案: