Langsung ke konten utama

Postingan

Menampilkan postingan dari Desember, 2019

Kumpulan Nama-Nama Class Bootstrap Yang HARUS Kamu Ketahui

Kumpulan Nama-Nama Class Bootstrap Yang HARUS  Kamu Ketahui Setelah mempelajari beberapa tutorial dan tips Bootstrap di postingan-postingan sebelumnya dalam kategori Bootstrap, saat ini dapat kita kumpulkan nama-nama class Bootstrap yang tersedia dan pernah kita gunakan pada pos-pos sebelumnya agar tidak lupa atau untuk mengingatnya kembali. Kumpulan Lengkap Nama class Bootstrap 1. class active (.active) berfungsi untuk banyak hal, diantaranya: Membuat row atau cell pada table menjadi aktif dan menjadikan backgroundnya berwarna abu-abu, warna yang sama saat hover. Lihat: cara membuat table Bootstrap. Membuat link paginasi menjadi aktif dan memberikan warna background berwarna biru (untuk menyorot halaman saat ini). Lihat: cara membuat pagination Bootstrap. Membuat item menu menjadi aktif dan memberikan warna background biru pada item menu di dropdown menu. Membuat link menjadi aktif dan memberikan warna abu-abu pada default navbar, memberikan warna putih dan background...

Macam-Macam Navbar Bootstrap Dan Cara Membuatnya

Macam-Macam Navbar Bootstrap Dan Cara Membuatnya Navigation Bar atau yang biasa disingkat Navbar merupakan kumpulan item menu sebagai petunjuk yang umumnya diletakkan dibagian atas sebuah tata letak situs, banyak jenis Navbar yang bisa digunakan jika menggunakan framework Bootstrap. berikut ini beberapa Navbar Bootstrap yang perlu kamu ketahui. Basic Navbar Dasarnya, Navbar terdiri dari susunan beberapa link yang disebut menu dan biasanya disisipkan logo atau nama situs di sisi kirinya. Ini adalah tampilan dasar dari sebuah Navbar sebelum dipoles desain dan elemen-elemen lainnya, untuk membuat Basic Navbar Bootstrap cukup gunakan strukutr kode seperti berikut: <nav class="navbar navbar-default">   <div class="container-fluid">     <div class="navbar-header">       <a class="navbar-brand" href="#">Posciety.Com</a>     </div>     <ul class="nav navbar-nav">       ...

MEMBUAT WEBSITEE RESPONSIVE MENGGUNAKAN BOOTSTRAP

Membuat Website  Responsive  100%  Menggunakan  Bootstrap    PART 1 APA ITU BOOTSTRAP Boostrap adalah kerangka kerja HTML, CSS dan JS paling populer untuk mengembangkan (mendesain lebih bagus) website responsif yang di desain untuk siapapun dan dimanapun. Dengan Bootstrap kita dapat membuat website lebih cepat dan lebih mudah, dan responsif disemua perangkat user. Bootstrap bisa digunakan untuk para pemula, pengguna tingkat lanjut atau bahkan project kelas dunia. Pada CSSnya Bootstrap menggunakan 2 processor paling popular yaitu  Less  dan  Sass . Satu framework untuk segala jenis perangkat, Bootstrap mampu merubah bentuk dari ukuran perangkat (komputer/lattop) ke ukuran perangkat lainnya (HP Smartphone) tanpa merusak bentuk website hanya dengan menerapkan kode tunggal. Dengan Bootstrap juga kita bisa mendapatkan dokumentasi penting dan keren mengenai HTML, CSS dan jQuery nya. Bootstrap ini merupakan Open Source yang ditempatkan, ...