Guest User

wypok

a guest
Feb 5th, 2015
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.02 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5.  
  6. <title>Untitled Document</title>
  7. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
  8.  
  9.  
  10.  
  11.  
  12.  
  13. </head>
  14.  
  15.  
  16.  
  17. <body style="padding: 10px">
  18.  
  19. <h1> Bootstrap </h1>
  20. <ol class="breadcrumb">
  21.   <li><a href="#">Home</a></li>
  22.   <li><a href="#">Library</a></li>
  23.   <li class="active">Data</li>
  24. </ol>
  25. <p class="well"> Test test </p>
  26. <p class="alert alert-danger"> this is dangerous! </p>
  27.  
  28. <nav class="navbar navbar-default">
  29.   <div class="container-fluid">
  30.     <!-- Brand and toggle get grouped for better mobile display -->
  31.     <div class="navbar-header">
  32.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  33.         <span class="sr-only">Toggle navigation</span>
  34.         <span class="icon-bar"></span>
  35.         <span class="icon-bar"></span>
  36.         <span class="icon-bar"></span>
  37.       </button>
  38.       <a class="navbar-brand" href="#">Brand</a>
  39.     </div>
  40.  
  41.     <!-- Collect the nav links, forms, and other content for toggling -->
  42.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  43.       <ul class="nav navbar-nav">
  44.         <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
  45.         <li><a href="#">Link</a></li>
  46.         <li class="dropdown">
  47.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  48.           <ul class="dropdown-menu" role="menu">
  49.             <li><a href="#">Action</a></li>
  50.             <li><a href="#">Another action</a></li>
  51.             <li><a href="#">Something else here</a></li>
  52.             <li class="divider"></li>
  53.             <li><a href="#">Separated link</a></li>
  54.             <li class="divider"></li>
  55.             <li><a href="#">One more separated link</a></li>
  56.           </ul>
  57.         </li>
  58.       </ul>
  59.       <form class="navbar-form navbar-left" role="search">
  60.         <div class="form-group">
  61.           <input type="text" class="form-control" placeholder="Search">
  62.         </div>
  63.         <button type="submit" class="btn btn-default">Submit</button>
  64.       </form>
  65.       <ul class="nav navbar-nav navbar-right">
  66.         <li><a href="#">Link</a></li>
  67.         <li class="dropdown">
  68.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
  69.           <ul class="dropdown-menu" role="menu">
  70.             <li><a href="#">Action</a></li>
  71.             <li><a href="#">Another action</a></li>
  72.             <li><a href="#">Something else here</a></li>
  73.             <li class="divider"></li>
  74.             <li><a href="#">Separated link</a></li>
  75.           </ul>
  76.         </li>
  77.       </ul>
  78.     </div><!-- /.navbar-collapse -->
  79.   </div><!-- /.container-fluid -->
  80. </nav>
  81.  
  82.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  83.  <script src="js/bootstrap.min.js"></script>
  84.  
  85. </body>
  86. </html>
Advertisement
Add Comment
Please, Sign In to add comment