API tools faq
paste
Advertisement
yangjason69

indexbootstrap

yangjason69
Mar 26th, 2017
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title>Bootstrap Case</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.1.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"
  21.        href="#">Dogs <span class="caret"></span></a>
  22.         <ul class="dropdown-menu">
  23.           <li><a href="#">Poodle</a></li>
  24.           <li><a href="#">Golden Retriever</a></li>
  25.           <li><a href="#">German Shepherd</a></li>
  26.         </ul>
  27.       </li>
  28.       <li><a href="#">Page 2</a></li>
  29.       <li><a href="#">Page 3</a></li>
  30.     </ul>
  31.   </div>
  32. </nav>
  33.  
  34.  
  35. <div class="container">
  36.   <div class="jumbotron">
  37.     <h1>Bootstrap Tutorial</h1>
  38.     <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing
  39.     responsive, mobile-first projects on the web.</p>
  40.   </div>
  41.   <p>This is some text.</p>
  42.   <p>This is another text.</p>
  43. </div>
  44.  
  45. <h1>Hello, world!</h1>
  46. <div class="row">
  47.     <div class="col-lg-12">.col-sm-12</div>
  48. </div>
  49. <div class="row">
  50.     <div class="col-lg-4">.col-sm-4</div>
  51.     <div class="col-lg-4">.col-sm-4</div>
  52.     <div class="col-lg-4">.col-sm-4</div>
  53. </div>
  54. <table class="table table-hover">
  55.     <thead>
  56.         <tr>
  57.             <th>Firstname</th>
  58.             <th>Lastname</th>
  59.             <th>Email</th>
  60.         </tr>
  61.     </thead>
  62.     <tbody>
  63.         <tr>
  64.             <td>Bob</td>
  65.             <td>Jones</td>
  66.             <td>bobjones@email.com</td>
  67.         </tr>
  68.         <tr>
  69.             <td>Bob</td>
  70.             <td>Jones</td>
  71.             <td>bobjones@email.com</td>
  72.         </tr>
  73.         <tr>
  74.             <td>Bob</td>
  75.             <td>Jones</td>
  76.             <td>bobjones@email.com</td>
  77.         </tr>
  78.     </tbody>
  79. </table>
  80.  
  81. <div class="container"
  82. <img src="https://static.pexels.com/photos/7720/night-animal-dog-pet.jpg"
  83. class="img-rounded" width="600" height="700">
  84.  
  85. <img src="https://static.pexels.com/photos/7720/night-animal-dog-pet.jpg"
  86. class="img-circle" width="600" height="700">
  87.  
  88. <img class="img-responsive" src="https://static.pexels.com/photos/7720/night-animal-dog-pet.jpg"
  89. width="400" width="345">
  90. </div>
  91. <div class="container">
  92.   <h3>Navbar With Dropdown</h3>
  93.   <p>This example adds a dropdown menu for the "Page 1" button in the navigation bar.</p>
  94. </div>
  95.  
  96. </body>
  97. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!