Quickstrat bootstrap
•Télécharger en tant que PPTX, PDF•
0 j'aime•154 vues
Quickstrat bootstrap
Recommandé
Contenu connexe
En vedette
En vedette (14)
Similaire à Quickstrat bootstrap
Similaire à Quickstrat bootstrap (20)
Dernier
Dernier (20)
Quickstrat bootstrap
- 2. QUICKSTART:BOOTSTRAP Tambahkanlink cdn css danjavascript,padafile html anda: <!doctype html> <html> <head> <title>page one</title> <link rel=“stylesheet” href=“https://cdnjs.cloudflare.com/ajax/libs/twitter- bootstrap/3.3.7/css/bootstrap. css”> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"> </script> </head> <body> </body> </html>
- 3. QUICKSTART:FUSIONCHART Setelah menambahkan link cdn pada bagian head file anda. Maka semua librarybootstrap bisa anda gunakan. Untuk mengetahuinya tambahka syntax sebagai berikut pada posisi setelah tag body ‘<body>’ pada file html anda <!doctype html> <html> <head> <title>page one</title> <link rel=“stylesheet” href=“https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap. css”> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"> </script> </head> <body> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> <div class="container"> <div class="text-center"> <h1>Bootstrap starter template</h1> <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> </div> </div><!-- /.container --> </body> </html>
- 4. OUTPUT