淘宝例子

<!DOCTYPE html>
<html class="full_height">
    <head>
        <meta charset="utf-8"/>
 <!--    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/> -->
        <title>淘宝网-淘!我喜欢</title>
        <link rel="stylesheet" type="text/css" href="bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="main.css"/>
    </head>
    <body>
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container-fluid">
                <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                    
                    <ul class="nav navbar-nav">
                        <li class="special"> <a href="#">亲,请登录 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">免费注册</a></li>
                        <li><a href="#">手机逛淘宝</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">我的淘宝<span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="#">已买到的宝贝</a></li>
                                <li><a href="#">我的足迹</a></li>
                                <li><a href="#">我的上新</a></li>
                                <li><a href="#">爱逛街</a></li>
                                <li><a href="#">淘宝达人</a></li>
                                <li><a href="#">新欢</a></li>
                            </ul>
                        </li>

                        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">购物车<span class="badge">0</span><span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu">
                                <p>您购物车里还没有任何宝贝。</p>
                                <a href="#" role="button" class="btn btn-danger">查看我的购物车</a>
                            </ul>
                        </li>

                        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">收藏夹<span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="#">收藏的宝贝</a></li>
                                <li><a href="#">收藏的店铺</a></li>
                            </ul>
                        </li>            

                        <li><a href="#">商品分类</a></li>

                        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">卖家中心 <span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="#">免费开店</a></li>
                                <li><a href="#">已卖出的宝贝</a></li>
                                <li><a href="#">出售中的宝贝</a></li>
                                <li><a href="#">卖家服务市场</a></li>
                                <li><a href="#">卖家培训中心</a></li>
                            </ul>
                        </li>

                        <li><a href="#">联系客服</a></li>

                        <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">网站导航 <span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu"></ul>
                        </li>

                    </ul>
                </div>
            </div>
        </nav>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="bootstrap.js"></script>

    </body>
</html>

 

posted @ 2016-07-01 14:09  rysly  阅读(265)  评论(0编辑  收藏  举报