HASANONTA - Jumbotron merupakan nama lain dari baliho atau spanduk raksasa yang sering kita temui di pinggir jalan. Tapi dalam BOOTSTRAP Jumbotron adalah semacam bentuk yang biasanya berisi pengumuman atau informasi dari suatu web. Biasanya Jumbottron digunakan di halaman utama web. Tampilan default Jumbotron di BOOTSTRAP memiliki bentuk kotak dengan background abu-abu, didalamnya bisa anda tambahkan text ataupun gambar.
Hampir seluruh design template website sekarang ini rata-rata semua menggunakan jumbotron untuk memberi informasi tentang halaman website pada halaman depannya. jumbotron bootstrap juga dapat sobat modifikasi sendiri dengan menambahkan css anda sendiri dan dapat anda design sesuai dengan keinginan anda. tetapi pada contoh kali ini tentang membuat jumbotron dengan bootstrap kita hanya akan menggunakan atau membuat jumbotron bootstrap dengan gaya standar dari bootstrap sendiri. Contoh :
<!DOCTYPE html> <html> <head> <title>HasanOnta</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> <div class="container"> <div class="jumbotron"> <h1>ATTENTION !!</h1> <p> Musim kedua Shingeki No Kyoujin akan dimulai minggu depan<br> Harap para wibu sekalian menyiapkan kuota<br> </p> <p> <button class="btn btn-lg btn-danger">Nice (y)</button> <button class="btn btn-lg btn-success">Bad (:p)</button> </p> </div> </div> </body> </html>
Output :
KESIMPULAN
Untuk merubah tampilan jumbotron menjadi penuh sobat dapat mengganti class "container" menjadi "container-fluid" . Saya kira untuk membuat jumbotron dengan Bootsrap cukup mudah yaitu dengan memberikan class "jumbotron" dan kita tinggal mengisi isi dari jumbotron tersebut. Cukup sekian terima Kasih
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar