Menu Vertikal dengan Bootstrap

Nuju hoyon nyerat, soca teu acan abot janten nyerat sa alit meh janten catetan, bilih hilap di sanes waktos. eh .. terus ngalantur. Sedikit catatan membuat menu vertikal dengan bootstrap pada web. Untuk konsep singkat tentang bootstrap dapat dibaca disini.

Pada tulisan ini membahas pembuatan menu vertikal tanpa fasilitas dropdown, jika ingin menggunakan dropdown dapat dibaca pada artikel ini. Untuk membuat menu vertikal sederhana dapat menggunakan code di bawah ini:

<ul class=”nav nav-pills nav-stacked”>
  <li class=”active”><a href=”?isi=home”>Home</a></li>
  <!–<li><a href=”?isi=operatorLuar_add”>Pengajuan Operator</a></li>–>
  <li><a href=”?isi=tampilCP”>Contact Person</a></li>
  <li><a href=”?isi=unduh_hasil”>Hasil Seleksi Reguler</a></li> 
</ul>

manipulasi tampilan selebihnya dapat memanfaatkan fasilitas CSS.

Membuat Dropdown Menu Vertikal dengan Bootstrap

Sudah lama tidak nulis di blog ini, sedikit berbagi walaupun sekedar dasar dalam penggunaan bootstrap untuk membuat menu dalam bentuk vertikal, seperti biasa perlu menyiapkan core system dari bootstrap atau dapat menggunakan

<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”&gt;
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
     http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js

Baca lebih lanjut

Membuat Tabel Zebra dengan Bootstrap-PHP

Tos rada lami gak nulis di blog, iseng-iseng sebagai catatan pribadi dan mudah-mudahan bermanfaat bagi yang lain. Dalam tulisan ini saya mencoba membuat tabel zebra dengan bootstrap dan PHP dimana data tersimpan di database. untuk membuat tabel dengan menggunakan bootstrap gunakan class tabel untuk melakukan manipulasi, sedangkan warna dapat diambil dengan ketentuan class active, success, danger dan info. Untuk lebih jelas dapat dilihat disini. Silahkan ditambahkan link ke bootrsapnya ya … sbb file ini saya include ke index untuk admin.

Langkah pertama buat koneksi database, silahkan disesuaikan

<!–?php
error_reporting(0);
session_start();
include_once ‘../include/class.php’;
include_once(‘../include/excel_reader2.php’);

Baca lebih lanjut