Assallamuallaikum Wr Wb
Halo kawan kawan , pada kesempatan kali ini saya akan menerapkna penggunaan buttons pada bobotstrap. Dalam pembuatan buttons dengan bootstrap kali ini saya menggunakan file bootstrap offline yang sudah saya download.
A. PENGERTIAN
Buttons adalah tombol untuk suatu media perantara sebuah link atau yang lainya.
B. LATAR BELAKANG
Dalam penerapan buttons bootstrap kali ini berguna agar kita dapat memahami macam macam button pada bootstrap dan cara pemanggilanya.
C. TAHAP PELAKSANAAN
1. Buat file dengan format html dan jadikan satu dengan file bootstrapnya :
2. Lalu lihat dari contoh yang saya buat di bawah ini , lalu kawan dapat meniru atau mencoba membuatnya di laptop kawan kawan.
<!DOCTYPE html>3. Setelah selesai simpan file dengan format html, dan jalankan di browser kawan kawn kawan .
<html>
<head>
<title>Belajar Bootstrap Buttons</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>
<h1><center><font face="raleway" color="blue">
Belajar Membuat Buttons dengan Bootstrap
</h1></font></center>
<br>
<br>
<center>
<button type="button" class="btn btn-default">
Default
</button>
<button type="button" class="btn btn-danger">
Danger
</button>
<button type="button" class="btn btn-primary">
Primary
</button>
<button type="button" class="btn btn-success">
Success
</button>
<button type="button" class="btn btn-info">
Info
</button>
<button type="button" class="btn btn-warning">
Warning
</button>
<button type="button" class="btn btn-link">
Link
</button>
</center>
</body>
</html>
 |
| Tampilan di Desktop |
 |
| Tampilan di smarthphone |
D. REFERENSI
EmoticonEmoticon