khirulnizam

bootstrap simple template two columns

Mar 27th, 2018
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Bootstrap Example</title>
  5.   <meta charset="utf-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  8.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  9.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. </head>
  11. <body>
  12.  
  13. <nav class="navbar navbar-inverse">
  14.   <div class="container-fluid">
  15.     <div class="navbar-header">
  16.       <a class="navbar-brand" href="#">WebSiteName</a>
  17.     </div>
  18.     <ul class="nav navbar-nav">
  19.       <li class="active"><a href="#">Home</a></li>
  20.       <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
  21.         <ul class="dropdown-menu">
  22.           <li><a href="#">Page 1-1</a></li>
  23.           <li><a href="#">Page 1-2</a></li>
  24.           <li><a href="#">Page 1-3</a></li>
  25.         </ul>
  26.       </li>
  27.       <li><a href="#">Page 2</a></li>
  28.     </ul>
  29.     <ul class="nav navbar-nav navbar-right">
  30.       <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
  31.       <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
  32.     </ul>
  33.   </div>
  34. </nav>
  35.  
  36. <div class="container">
  37.   <div class="row">
  38.         <div class="col-sm-8">
  39.        
  40.             <div class="panel panel-info">
  41.               <div class="panel-heading">Welcome to FSTM
  42.               </div>
  43.               <div class="panel-body">Panel Content</div>
  44.             </div>
  45.            
  46.         </div>
  47.         <div class="col-sm-4">
  48.           Side bar
  49.         </div>
  50.       </div>
  51. </div>
  52.  
  53. </body>
  54. </html>
Advertisement
Add Comment
Please, Sign In to add comment