Untuk membuat div sejajar dengan ketinggian berbeda kita bisa menambahkah display:inline-block pada setiap div-nya.
Berikut ini code html dan css-nya :
<html>
<head>
<style>
<head>
<style>
Rabu, 17 Juni 2015
Membuat Tampilan div sejajar
Dalam penggunaannya tag <div></div> tidak bisa sejajar. Supaya bisa sejajar maka harus kita atur css-nya. Cara pengaturannya adalah sebagai berikut. Buat tiga division dengan class masing-masing container sebagai div terluar. Kemudian div dengan class kolom1 dan kolom2 berada di dalam container. Kemudian setting css-nya pada kolom1= float:left; kemudian pada kolom2 = float:right.
Ganti Halaman Dengan PHP
Pada kali ini kita akan membuat bagaimana berganti halaman dengan satu kali klik. Langsung saja kita membutuhkan beberapa file php yang akan kia buat. Satu file index.php untuk tampilan. Satu File isi.php untuk pengoperan dan beberapa file untuk halaman tujuan. Kita buat saja misalkan : home.php, handpone.php, komputer.php, kamera.php dan elektronik.php.
Mengatur Kolom pada Bootstrap
Untuk mengatur kolom pada halaman Bootstrap, kita masukkan snytax seperti dibawah ini
<div class="row">
<div class="col-md-2">
Selamat datang Bootstrap, saya akan belajar untuk memahamimu.
</div>
<div class="col-md-10">
<div class="col-md-2">
Selamat datang Bootstrap, saya akan belajar untuk memahamimu.
</div>
<div class="col-md-10">
Bootstrap adalah sebuah framework yang membantu mempermudah dalam
mendesain web. Sesuai dengan slogan yang diusungnya yakni mendesain
sebuah website dengan lebih rapi, cepat dan mudah. Dalam tampilan
halaman website yang menggunakan Bootstrap ini akan tampak tetap rapi,
baik versi mobile maupun desktop.
</div>
</div>
</div>
Selasa, 16 Juni 2015
Langkah Pertama Bootstrap
Bootstrap adalah sebuah framework yang membantu mempermudah dalam mendesain web. Sesuai dengan slogan yang diusungnya yakni mendesain sebuah website dengan lebih rapi, cepat dan mudah. Dalam tampilan halaman website yang menggunakan Bootstrap ini akan tampak tetap rapi, baik versi mobile maupun desktop.
Langganan:
Postingan (Atom)