Assalamualaikum Wr. Wb.
Kali ini saya akan berbagai ilmu tentang Bootstrap. Silahkan diambil manfaatnya saja teman.
A. Pengertian
Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website.
B. Latar Belakang
Karena banyak yang membutuhkan dan ingin menggunakan databse.
C. Maksud dan Tujuan
Membantu para pemula untuk bis menggunakan bootstrap.
D. Alat dan Bahan
- Laptop
- file bootstrap
- koneksi internet
E. Tahap Pelaksanaan
- Pertama kita harus mengunduh file boostrap klik disini.
- Setelah terunduh, extract file bootstrap tersebut.
- Bootstrap memiliki struktur file sebagai berikut
- Untuk menggunakan bootstrap kita bisa memanggilnya denga tag
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href = "css/bootstrap.min.css" rel = "stylesheet">
- Jangan lupa untuk meletakkan setiap file yang akan dbuka diweb browser pada folder bootstrap.
- Silahkan dicoba script berikut :
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- bootstrap.css CDN -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<h1>Hello World!</h1>
<p>Let's Play with Bootstrap (getbootstrap.com). Just edit your code and see the result.</p>
<!-- ===================
SCRIPTS
======================== -->
<!-- jQuery.js CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- bootstrap.js CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
Kesimpulan :
Kita bisa menggunakan Bootstrap pemula.
Referensi :
https://id.wikipedia.org/wiki/Twitter_Bootstrap
Sekian dan Terima kasih
Wassalamualaikum Wr.Wb.
0 komentar:
Posting Komentar