booststrap中的navbar

1、bootstrap的navbar的實驗：

<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <div class="nav-collapse collapse navbar-responsive-collapse">
                    <div class="tabbable">
                        <ul class="nav">
                            <li class="active"><a href="#0" data-toggle="tab">首頁</a></li>
                            <li><a href="#1" data-toggle="tab">1頁</a></li>
                            <li><a href="#2" data-toggle="tab">2頁</a></li>
                        </ul>
                </div>
             <div class="container-fluid">
                <div class="tab-content">
                    <div class="tab-pane active" id="0">0</div>
                    <div class="tab-pane" id="1">1</div>
                    <div class="tab-pane" id="2">2</div>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>

效果圖：

轉載於：blog.csdn.net/ling811