为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

3 回答

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello World</title>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"rel="stylesheet"/>
</head>

<body>
<div>
    <div>
        <div>
            <nav class="navbar navbar-default" role="navigation">
                <div>

                    <button type="button" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span>Toggle navigation</span><span></span><span
                           ></span><span></span>
                    </button>
                    <a href="#">某管理系统</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#">首页</a>
                        </li>

                        <li>
                            <a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">功能 <span></span></a>
                            <ul>
                            <li>业务功能</li>
                                <li>
                                    <a href="#">信息建立</a>
                                </li>
                                <li>
                                    <a href="#">信息查询</a>
                                </li>
                                <li>
                                    <a href="#">信息管理</a>
                                </li>
                                
                                <li>
                                </li>
                                <li>系统功能</li>
                                <li>
                                    <a href="#">设置</a>
                                </li>

                            </ul>
                        </li>
                        <li>
                            <a href="#">帮助</a>
                        </li>

                    </ul>

                    <form class="navbar-form navbar-left form-inline">
                        <div>

                            <input type="email" placeholder="用户名..."/>
                        </div>
                        <div>
                            <input type="password"  placeholder="密码..."/>
                        </div>

                        <button type="submit" class="btn btn-default">
                            登录
                        </button>
                    </form>
                </div>

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

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>


0 回复 有任何疑惑可以回复我~

请问 dropdown-header 如何让标题居左显示,我做出来的算是居中显示的,求赐教!见下图:

http://img1.sycdn.imooc.com//55c6bff0000194de01750220.jpg

0 回复 有任何疑惑可以回复我~

<li class="dropdown-header">业务功能</li>

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信