Dalam kesempatan kali ini saya akan membahas penggunaan bootstrap Jumbotron untuk membuat judul sebuah website agar responsive.
A. PENGERTIAN
Jumobtron yaitu suatu class yang di sediakan oleh boostrap untuk kita agar kita dapat membuat judaul suatu website yang responsive.
B. LATAR BELAKANG
Dalam pembuatan jumbotrpn kali ini guna agar mengerti penggunaan Jumbotron dalam suatu website.
C. ALAT & BAHAN
- PC / Laptop
- Text Editor
- Browser
- File Bootstrap
1. Buat file baru dengan format html dan letakkan satu folder dengan folder bootstrap.
2. Lalu kawan kawan dapat melihat dari contoh yang saya buat di bawah ini :
<!DOCTYPE html>3. Setelah selesai save file , dan run di browser.
<html>
<head>
<title>Belajar Bootstrap Jumbotron</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Contoh Jumbotron</h1>
<p>Ini merupakan contoh penggunaan Jumbotron menggunkan Bootstrap.</p>
</div>
</div>
</body>
</html>
 |
| Tampak pada tampilan desktop |
 |
| Tampak pada tampilan smarthphone |
E. REFERENSI
EmoticonEmoticon