booststrap中的navbar

1、bootstrap的navbar的实验：

[html] view plaincopy

1. <div class="container">  
2.     <div class="navbar">  
3.         <div class="navbar-inner">  
4.             <div class="container-fluid">  
5.                 <div class="nav-collapse collapse navbar-responsive-collapse">  
6.                     <div class="tabbable">  
7.                         <ul class="nav">  
8.                             <li class="active"><a href="#0" data-toggle="tab">首页</a></li>  
9.                             <li><a href="#1" data-toggle="tab">1页</a></li>  
10.                             <li><a href="#2" data-toggle="tab">2页</a></li>  
11.                         </ul>  
12.                 </div>  
13.              <div class="container-fluid">  
14.                 <div class="tab-content">  
15.                     <div class="tab-pane active" id="0">0</div>  
16.                     <div class="tab-pane" id="1">1</div>  
17.                     <div class="tab-pane" id="2">2</div>  
18.                 </div>  
19.             </div>  
20.             </div>     
21.         </div>  
22.     </div>  
23. </div>  

效果图：

转载于：blog.csdn.net/ling811