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

Post a Comment

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