Assalamu'alaikum....
dan apabila kita zoom, akan memiliki fitur responsive seperti ini
jika dalam tulisan saya kali ini ada yang salah tolong kritik dan sarannya yang membangun gan...makasih...^-^
Pada postingan kali ini saya menggunakan bootstrap 2.3.2,
untuk mendownload nya silahkan klik link berikut http://getbootstrap.com/2.3.2/.
Lanjut...!!!!!!
Setelah didownload, ekstrak file tersebut simpan dengan nama bootstrap dan letakan di
dalam server lokal.
oh iya..ada satu lagi, jquerynya..dalam postingan kali ini saya menggunakan versi jquery-2.1.3 silahkan download dulu di sini jquery.com dan pilih Download the compressed, production jQuery 2.1.3, lalu simpan di folder js nya.
oh iya..ada satu lagi, jquerynya..dalam postingan kali ini saya menggunakan versi jquery-2.1.3 silahkan download dulu di sini jquery.com dan pilih Download the compressed, production jQuery 2.1.3, lalu simpan di folder js nya.
Terdapat 3 folder : css, img, dan js .
Lalu copy n paste script berikut, dan letakan di folder bootstrap dengan nama index.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Bootstrap</title>
</head>
<meta name="viewport" content="device-width, initial-scale=1.0">
<!--Boostrap css-->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!--Boostrap responsive-->
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
<body>
<h1>contoh templete Bootstrap 3 kolom</h1>
<div class="container">
<div class="row">
<div class="span12">
<h3>responsif ni ye...wkwk..</h3>
<p>selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..
selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..</p>
</div></div>
<div class="row">
<div class="span4">
<a href="#"><h4>Software Engineering</h4></a>
<p>Rekayasa Perangkat Lunak ( Software Engineering) merupakan pembangunan dengan menggunakan prinsip atau konsep rekayasa dengan tujuan menghasilkan perangkat lunak yang bernilai ekonomi yang dipercaya dan bekerja secara efisien menggunakan mesin.</p>
</div>
<div class="span4">
<a href="#"><h4>Membuat table via script</h4></a>
<p> He..he..Assalamu’alaikum...udah lama ga posting, ana mau share lagi gan, tentang cara membuat table di database sql server via script. Cerita dari tabelnya seperti ini gan....
Buat table dengan nama customer yang berisi</p>
</div>
<div class="span4">
<a href="#"><h4>Pengertian UML (Unified Modeling Language)</h4></a>
<p>UML (Unified Modeling Language) adalah bahasa yang banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat analisis & desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek</p>
</div>
</div>
<footer><p><a href="#">@jurusit.blogspot.com </a></p></footer></div>
<script src="js/jquery-2.1.3.min.js"></script>
<!--Bootstrap javascript-->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Bootstrap</title>
</head>
<meta name="viewport" content="device-width, initial-scale=1.0">
<!--Boostrap css-->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!--Boostrap responsive-->
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
<body>
<h1>contoh templete Bootstrap 3 kolom</h1>
<div class="container">
<div class="row">
<div class="span12">
<h3>responsif ni ye...wkwk..</h3>
<p>selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..
selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..selamat yah..</p>
</div></div>
<div class="row">
<div class="span4">
<a href="#"><h4>Software Engineering</h4></a>
<p>Rekayasa Perangkat Lunak ( Software Engineering) merupakan pembangunan dengan menggunakan prinsip atau konsep rekayasa dengan tujuan menghasilkan perangkat lunak yang bernilai ekonomi yang dipercaya dan bekerja secara efisien menggunakan mesin.</p>
</div>
<div class="span4">
<a href="#"><h4>Membuat table via script</h4></a>
<p> He..he..Assalamu’alaikum...udah lama ga posting, ana mau share lagi gan, tentang cara membuat table di database sql server via script. Cerita dari tabelnya seperti ini gan....
Buat table dengan nama customer yang berisi</p>
</div>
<div class="span4">
<a href="#"><h4>Pengertian UML (Unified Modeling Language)</h4></a>
<p>UML (Unified Modeling Language) adalah bahasa yang banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat analisis & desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek</p>
</div>
</div>
<footer><p><a href="#">@jurusit.blogspot.com </a></p></footer></div>
<script src="js/jquery-2.1.3.min.js"></script>
<!--Bootstrap javascript-->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
hasilnya akan seperti ini ketika di tes
