Tutorial Cara Menggunakan Bootstrap
Pada artikel kali ini saya akan nulis Cara Menggunakan Bootstrap. Tentu nya dengan menggunakan Framework Boostrap ini kamu telah di permudah dalam segi design website-website yang kamu inginkan :D
langsung aja :
- langkah pertama adalah silahkan kunjugi website resmi bootstrap di http://getbootstrap.com kemudian donwload bootstrap.
- setelah download selesai silahkan kamu buka XAMPP dan nyalakan Apache untuk web servernya, dan kemudian extract bootstrap kamu yg sudah di download tadi di folder project kamu, misalnya di C:\xampp\htdocs\latihan1 . maka nanti akan muncul 3 buah folder css, fonts dan js.
- folder css berisi tentang file file style yang digunakan oleh bootstrap, file fonts berisi font yang dibutuhkan oleh css dan file js berisi file - file javascript.
setelah berhasil kamu extract di folder
project kamu sekarang buatlah sebuah file dengan nama index.php
kemudian
ketikan kode standar berikut ini :
<!DOCTYPE html> <html lang="en"> <head> <title>Contoh Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> </head> <body> <div class="container"> <h1>menggunakan bootstrap</h1> <p>Ini adalah Text</p> </div> </body> </html>
penjelasan :
1. script untuk memanggil file css bootstrap, dengan memakai cara pemanggilan memakai type penulisan "css external", di link kan masuk kedalam folder css lalu nama filenya. seperti di bawah ini :
<link rel="stylesheet" href="css/bootstrap.css">2. lalu ini adalah salah satu contoh class yang terdapat dalam bootstrap
<div class="container">
lalu kamu jalankan di browser kesayangan anda di ketikan di url seperti ini :
http://localhost/latihan1/index.php
dan lihat hasilnya.
itu saja tulisan pada kali ini terimakasih sudah berkunjung..
0 comments:
Post a Comment