Advertisement
stevennathaniel

Memasukan Bootstrap JQuery dari Localhost

Aug 12th, 2015
364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.     <title>Contoh Bootstrap</title>
  7.        
  8.     <meta charset="utf-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
  10.  
  11.     <link rel="stylesheet" href="http://localhost/PHPDreamweaver/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  12.  
  13.     <script src="http://localhost/PHPDreamweaver/jquery-1.11.3.min.js"></script>
  14.  
  15.     <script src="http://localhost/PHPDreamweaver/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  16.  
  17. </head>
  18.  
  19. <body>
  20.    
  21. <div class="container">
  22.    
  23.     <div class="jumbotron">
  24.        
  25.         <h1>Halaman Awal Bootstrap Milik Saya</h1>
  26.            
  27.         <p>Cobalah mengatur ulang ukuran halaman responsif ini untuk melihat efeknya</p>
  28.  
  29.     </div>
  30.            
  31.     <div class="row">
  32.            
  33.         <div class="col-sm-4">
  34.                
  35.             <h3>Kolom 1</h3>
  36.                
  37.             <p>Minum kopi di pagi hari sangat enak dengan di temani oleh roti goreng</p>
  38.             <p>Setelah itu langsung berangkat ke kantor</p>
  39.                
  40.         </div>
  41.                
  42.     <div class="col-sm-4">
  43.                
  44.         <h3>Kolom 2</h3>
  45.         <p>Menu makan siang yg paling enak adalah kepiting saos dari Dandito</p>
  46.         <p>Minumnya jus buah naga</p>
  47.                    
  48.     </div>
  49.        
  50.     <div class="col-sm-4">
  51.                
  52.         <h3>Kolom 3</h3>
  53.         <p>Menu makan siang yg paling enak adalah kepiting saos dari Dandito</p>
  54.         <p>Minumnya jus buah naga</p>
  55.                    
  56.     </div>
  57.                
  58.            
  59.     </div>
  60.        
  61. </div>
  62.  
  63. </body>
  64.  
  65. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement