Membuat Wells Pada Bootstrap
Pada tutorial ini saya akan share bagaimana cara membuat wells pada Bootstrap. Dengan menggunakan while ini kita bisa membuat sebuah kotak berwarna abu - abu dan memiliki padding yang pas. Lalu apa kegunaan well ini ? kalo saya sih sering saya gunakan untuk buat catatan. Berikut skripnya
Jangan lupa menulis tag tersebut di dalam sebuah tag row dan coloum agaar roundednya terlihat, kalau tidak dia akan full memenuhu layar. Maka hasilnya seperti ini
Kita juga bisa mengatur seberapa besar well ini Yaitu dengan menambahkan class baru. Seperti contoh di bawah
KESIMPULAN
Singkat ceritanya well ini berfungsi untuk membuat catatan atau apa terserah sobat kita juga bisa mengatur seberapa besar ukuran well yang akan kita buat, Sekian terima kasih
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Part 16 : Mengenal Grid System 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>
<body>
<div class="well">Inilah wells !!</div>
</body>
</html>
Jangan lupa menulis tag tersebut di dalam sebuah tag row dan coloum agaar roundednya terlihat, kalau tidak dia akan full memenuhu layar. Maka hasilnya seperti ini
Kita juga bisa mengatur seberapa besar well ini Yaitu dengan menambahkan class baru. Seperti contoh di bawah
<div class="well well-sm">Small Well</div>
<div class="well well-lg">Large Well</div>
KESIMPULAN
Singkat ceritanya well ini berfungsi untuk membuat catatan atau apa terserah sobat kita juga bisa mengatur seberapa besar ukuran well yang akan kita buat, Sekian terima kasih
Tidak ada komentar :
Posting Komentar