ایجاد یک مدل html در bootstrap

body {
padding-top: 60px;
padding-bottom: 40px;
}

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> 
<div class="container">   
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">    
<span class="icon-bar"></span>    
<span class="icon-bar"></span>    
<span class="icon-bar"></span>   
</a>   
<a class="brand" href="#">Example Template Bootstrap</a>   
<div class="nav-collapse collapse">  
<ul class="nav">   
<li class="active"><a href="#">Home</a></li>   
<li><a href="#about">About</a></li>   
<li><a href="#contact">Contact</a></li>   
<li class="dropdown">  
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>  
<ul class="dropdown-menu">  
<li><a href="#">Action</a></li>    
<li><a href="#">Another action</a></li>    
<li><a href="#">Something else here</a></li>    
<li class="divider"></li>    
<li class="nav-header">Nav header</li>    
<li><a href="#">Separated link</a></li>    
<li><a href="#">One more separated link</a></li>    
<ul/>  
<li/> 
<ul/>
</div><!-- nav-collapse -->   
</div><!-- container -->  
</div><!-- navbar inner --> 
</div><!-- navbar -->

<div class="container">
<div class="navbar">    
<div class="navbar-inner">        
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">            
<span class="icon-bar"></span>                
<span class="icon-bar"></span>                
<span class="icon-bar"></span>                
</a>            
<a class="brand" href="#">Example Template Bootstrap</a>            
<div class="nav-collapse collapse">            
<ul class="nav">                
<li class="active"><a href="#">Home</a></li>                    
<li><a href="#about">About</a></li>                    
<li><a href="#contact">Contact</a></li>                    
<"li class="dropdown>                
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>                  
<ul class="dropdown-menu">                   
<li><a href="#">Action</a></li>                      
<li><a href="#">Another action</a></li>                      
<li><a href="#">Something else here</a></li>                      
<li class="divider"></li>                      
<li class="nav-header">Nav header</li>                      
<li><a href="#">Separated link</a></li>                      
<li><a href="#">One more separated link</a></li>                      
<ul/>                 
</li>               
<ul/>           
</div><!-- nav-collapse -->        
</div><!-- navbar inner -->    
</div><!-- navbar -->   
</div><!-- container -->