Sunday, July 14, 2013

Cara Menggunakan CSS Bootstrap

Cara Menggunakan CSS Bootstrap ~ Bootstrap merupakan Framework CSS yang cukup populer saat ini, kepopulerannya pun, membawa Joomla Versi 3, juga ikut menggunakan Framework CSS Bootstrap ini. Tampilan yang menyerupai layout twitter ini, sangat banyak dimintai oleh para Desainer Website, oleh karena itu belajar Syntax akan berbagi cara menggunakan css bootstrap ini khusus untuk para pemula yang belum banyak mengetahui dasar pemrograman web.
  • Untuk menggunakan CSS Bootstrap, Download CSS bootsrap di SINI di folder css terdapat 4 file yaitu bootstrap.css, bootstrap.min.css, bootstrap-responsive.css, dan bootstrap-responsive.min.css.
  • Setelah file-file tersebut di cek, kembali ke halaman berikutnya dan buat satu file bernama index.html
  • Kemudian buat Tag Header seperti dibawah ini

<head>

<title>Belajar Menggunakan Bootsrap Bersama Belajar Syntax</title>
<link rel="stylesheet" href="css/bootstrap.css" media="screen" />
<link rel="stylesheet" href="css/css-responsive.css" media="screen" />
</head>
  • Untuk Mengecek apakah css sudah berjalan dengan baik pada halaman index, buatlah sebuah button menggunakan class yang ada pada bootstrap didalam tag body seperti dibawah ini
<body>
<input type="button" class="btn btn-primary" value="Belajar Syntax" />
</body>

Selanjutnya silahkan menggunakan atribut-atribut bootstrap yang lainnya seperti penggunaan Grid, image, navbar, dll. di wiki bootstrap.


Semoga artikel Cara Menggunakan CSS Bootstrap bermanfaat bagi Anda. Jika kamu suka dengan artikel Cara Menggunakan CSS Bootstrap ini, like dan bagikan ketemanmu.

Hasan Setiawan said... On May 5, 2014 at 3:58 PM  

Thanks sob artikelnya bermanfaat, silahkan di cek sob aplikasi akunting buatan anak Indonesia yang gak kalah keren ama buatan luar di kiper.co.id

Wawan Beneran said... On September 4, 2014 at 3:02 PM  

nice article gan, monggo mampir balik gan dimari :

Substansi :
Pengertian atau definisi bootstrap
Sejarah atau asal-usul bootstrap
Pembuat bootstrap
Tempat download bootstrap
Struktur bootstrap
Memahami cara menggunakan bootstrap
Memahami cara menggunakan class css bootstrap
Memahami cara menggunakan icon-icon pada bootstrap
Memahami cara mengintegrasikan javascript pada bootstrap
Memahami cara menerapkan design form registrasi dengan bootstrap

http://gatewawan.blogspot.com/2014/09/tutorial-bootstrap-twitter-framework.html

thanks

Post a Comment

Belajar Syntax - All Right Reserved.Powered By Blogger
Edit by : Agungjies.web.id