移动友好导航

Question

如何创建适合移动设备的导航栏？

这是我的代码

    <ul class="nav nav-tabs">
        <a href="http://www.startinpoint.com/"><img src="images/logo.jpg" class="logo span12 pull-left" height="45"></a>
            <li>&nbsp&nbsp&nbsp</li>
            <li><a href="adminhome.html"><span class="glyphicon glyphicon-home"></span></a></li>
            <li class="dropdown">
                <a href="#" data-toggle="dropdown" class="dropdown-toggle">VIEW <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="viewleavetransaction.html">LEAVE TRANSACTION</a></li>
                    <li><a href="viewleavesummary.html">LEAVE SUMMARY</a></li>
                </ul>
            </li>
            <li><a href="generatemedicalclaim.html">GENERATE MEDICAL CLAIM</a></li>
            <li class="dropdown active">
                <a href="#" data-toggle="dropdown" class="dropdown-toggle">SETTINGS <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="addoreditemployee.html">EMPLOYEE</a></li>
                    <li><a href="addoreditpublicholiday.html">PUBLIC HOLIDAY</a></li>
                    <li class="active"><a href="addoreditannualleave.html">ANNUAL LEAVE</a></li>
                    <li><a href="addoreditoffinlieu.html">OFF-IN-LIEU</a></li>
                </ul>
            </li>
            <li class="pull-right"><a href="index.html">LOGOUT</a></li>
            <li class="siptext pull-right"><strong>SIP Leave Application</strong></li>
    </ul>

我需要添加更多内容？

asdhcsjkfwalfkjdsbfdzjvgfdkjvgf

Answer 1

您必须包含bootstrap js文件并将.navbar-collapse类添加到ul的父div。

检查该页面是否有样品和所有选项。 http://getbootstrap.com/components/#navbar