Link Download Klik Disini
Home » Archive for 2017
Cara membuat tombol dengan menggunaka Bootstrap
Apa
itu sih Bootsrap?, mungkin bagi yang sudah sering belajar di dunia pemrograman
web sudah sangat familiar dengan kata-kata tersebut, tetapi bagi yang baru
belajar mungkin sering bertanya tanya. Apa sih itu Bootsrap?
Ok
kali ini akan sedikit saya bahas tentang apa itu bootstrap. Bootstrap adalah
sebuah library Framework CSS yang di buat dan di rancang khusus untuk
pengembagan front-end website. Pada saat ini hampir semua web developer telah
menggunakan bootstrap untuk membuat tampilan-tampilan web menjadi lebih bagus,
mudah, dan sangat cepat.
Terus
bagaimana cara menggunakan bootstrap untuk diterapkan pada website yang akan
kita buat?
Langkah
pertama yang harus kita lakukan adalah dengan mendownload file bootstrap
terlebih dahulu disini, selanjutnya kita install dan terapkan deh di website
yang akan kita bangun atau bangun dengan cara exstrak file downloadan yang tadi
pada folder web yang dibuat oleh kalian.
Selanjutnya
adalah kita tinggal menambahkan class-class yang sudah mempunyai fungsi-fungsi
tersendiri.
Berikut
ini saya kasih contoh untuk penerapan membuat tombol dengan menggunakan
bootstrap.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tombol dengan menggunakan Bootstrap</title>
<link rel="stylesheet" type="text/css"
href="css/bootstrap.css">
<script type="text/javascript"
src="js/jquery.js"></script>
<script type="text/javascript"
src="js/bootstrap.js"></script>
</head>
<body>
<h1>Membuat Tombol Menggunakan
Bootstrap</h1>
<button class="btn
btn-danger">Tombol Merah</button>
<button class="btn
btn-primary">Tombol Biru</button>
</body>
</html>
Ok
berikut adalah penjelasan dari scrip di atas.
<link
rel="stylesheet"
type="text/css"
href="css/bootstrap.css">
<script type="text/javascript"
src="js/jquery.js"></script>
<script type="text/javascript"
src="js/bootstrap.js"></script>
Perintah
di atas adalah perintah untuk menghubungkan file bootstrap di dengan file web
yang kita buat.
<button class="btn
btn-danger">Tombol Merah</button>
<button class="btn
btn-primary">Tombol Biru</button>
Sedangkan
perintah ini adalah untuk membuat tombol sesuai dengan keinginan yaitu dengan
menambahkan class-class yang sudah ada pada file bootstrap yang kita download
tadi.
Berikut
adalah berbagai macam class untuk tombol yang bisa dipergunakan.
- Btn-danger (untuk membuat button atau tombol berwarna merah)
- Btn-default (untuk membuat button atau tombol berwarna standart bootstrap)
- Btn-warning (untuk membuat button atau tombol berwarna kuning)
- Btn-primary (untuk membuat button atau tombol berwarna biru)
- Btn-info (untuk membuat button atau tombol berwarna biru langit)
- Btn-succes (untuk membuat button atau tombol berwarna hijau)
Ok. Sekian penjelasan dari Mamanssuparman.blogspot.com. kita sambung lain waktu dengan materi Bootstrap yang lain
Related Posts:
Cara menginstal .Net Framework 3.5 Secara Offline pada windows 10
Bagi para pengguna Windows 10, mungkin sering mengalami
masalah ketika akan menginstal sebuah software ataupun game (permainan) yang harus membutuhkan .NET
Framework 3.5, .Net Framework sendiri bisa di download dan di install secara
online, namun bagi yang tidak mempunyai kuota internet untuk mendownload file
nya itu akan membuat resah. Hehe.
Untuk itu kita bisa memanfaatkan atau menginstal .Net Framework
3.5 yang sudah ada dari CD/DVD installer OS (Operating System) dengan aplikasi
installer .Net Framework Offline Installer yang bisa di Download Disini. atau disini
Caranya untuk menggunakan istaller .Net Framework Offline Installer adalah sebagai berikut :
Caranya untuk menggunakan istaller .Net Framework Offline Installer adalah sebagai berikut :
- Download filenya terlebih dahulu di sini. atau disini
- Kemudian Extrak hasil file yang sudah di download tadi.
- Kemudian pilih file yang bernama Microsoft .NET Framework3.5 Offline Installer
- Klik kanan pada file tersebut kemudian pilih Run as Administrator.
- Masukkan CD/DVD Installer Windows 10 tadi
- Pada tulisan yang dilingkari merah itu di pilih dimana lokasi file CD/DVD Installer berada.
-
Setelah itu pilih Start Instalation.Selesai deh. :)
Related Posts:
Subscribe to:
Posts (Atom)