Bootstrap(Grid-Input)

-
A.Pendahuluan
    Pada postingan kali ini, saya akan membagikan tentang Bootstrap Grid sampai Bootstrap Input.
1.Pengertian
   Bootstrap adalah web framework untuk front end, atau css framework, yang berbasis HTML dan CSS untuk typografi, form, button, navigation dan lain lain, dan terdapat opsi javasrcipt juga.
2.Latar Belakang
   Membuat sebuah template portal dengan bootstrap.
3.Maksud dan Tujuan
   Memahami Bootstrap dan membuat template portal bootstrap.
B.Alat dan Bahan
 1.Pc
 2.Visual Studio Code
 3.Koneksi Internet
C.Jangka Waktu Pelaksanaan
 45 Menit
D.Penjelasan
    Bootstrap grid adalah untuk mengatur tata letak. Bootstrap typography adalah untuk mengatur gaya tulisan. Bootstrap color untuk mengatur warna sebuah elemen, maupun bakcgroundnya. Bootstrap Table untuk mengatur sebuah tabel. Bootstrap Image mengatur gambar. Bootstrap Jumbotron untuk membuat sebuah banner. Defaultnya berwarna abu abu. Bootstrap Alert, untuk membuat sebuah alert. Bootstrap button, untuk membuat button, bisa di gunakan di button, maupun link. Bootstrap badge, seperti menandai, misal sebuah postingan itu mempunyai badge new, yaitu postingan itu masih baru. Progress Bar, untuk membuat sebuah tampilan dari loading. Pagination untuk penomoran halaman. List Group untuk menggabungakan menjadi grup untuk sebuah list. Card untuk membuat sebuah kartu atau panel. Dropdown, adalah sub dari sebuah elemen saat di hover/klik. Collapse adlah menampilkan sebuah elemen yang disembunyikan, biasanya tombol. Navs adalah untuk navigasi. Navbar untuk membuat sebuah navigasi bar. Form untuk mengatur sebuah form, atau angket. Dan input adalah sebuah input dari form sendiri.



















Dan inilah kodenya





















E.Kesimpulan
   Jadi kita bisa menggunakan bootstrap untuk mengatur macam maca elemen di sebuah web
F.Referensi
   

Komentar

Posting Komentar

Postingan populer dari blog ini

Instalasi OpenSID

-
Gambar
A.Pendahuluan     Pada postingan kali ini, saya akan membagikan tentang OpenSID 1.Pengertian    OpenSID adalah  Sistem Informasi Desa (SID) yang sengaja dibuat supaya terbuka dan dapat dikembangkan bersama-sama oleh komunitas peduli SID. 2.Latar Belakang    Instalasi OpenSID di Web Server. 3.Maksud dan Tujuan    Bisa memasang dan menggunakan OpenSID dengan baik. B.Alat dan Bahan  1.Pc  2.Web Server  3.File OpenSID C.Jangka Waktu Pelaksanaan   30 Menit D.Penjelasan     SID diharapkan dapat membantu pemerintah desa dalam beberapa hal berikut: kantor desa lebih efisien dan efektif pemerintah desa lebih transparan dan akuntabel layanan publik lebih baik warga mendapat akses lebih baik pada informasi desa OpenSID diharapkan dapat turut membantu agar ke semua 74ribu+ desa di Indonesia dapat menerapkan sistem informasi untuk memajukan desanya. Strategi pengembangan OpenSID adalah untuk: m...
Baca selengkapnya

CSS Basic(Margins)

-
Gambar
A.Pendahuluan     Pada postingan kali ini, saya akan membagikan tentang CSS Margins) 1.Pengertian    CSS(Cascading Style Sheets) adalah aturan untuk mengatur komponen komponen yang ada dalam web. Biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan HTML dan XHTML 2.Latar Belakang    Untuk mempercantik sebuah tampilan sebuah web, dibutuhkan CSS, dan itulah  fungsinya. 3.Maksud dan Tujuan   Memahami CSS Margins dan mencobanya. B.Alat dan Bahan  1.Pc  2.Atom  3.Koneksi Internet C.Jangka Waktu Pelaksanaan   40 Menit D.Penjelasan   CSS Margins adalah aturan untuk mengatur jarak luar antar suatu elemen, atau jarak suatu elemen dengan layar/window. Berikut ini kodenya E.Kesimpulan    Jadi borders css bisa mengatur jarak antar elemen, seperti halnya diatas jarak antara paragraf dengan horizontal line(hr) . Dan dari elemen ke layar/window. F.Referensi  ...
Baca selengkapnya

Seputar Evaluasi

-
A. Pengertian    Evaluasi adalah suatu kegiatan yang bertujuan untuk melihat atau menilai sesuatu berdasarkan faktor atau acuan tertentu. B. Latar Belakang    Evaluasi sangat penting dilakukan karena dengan adanya evaluasi maka akan membuat kegiatan atau tingkah laku yang dilakukan sebelumnya dapat diperbaiki menjadi lebih baik lagi. C. Maksud dan Tujuan     Lebih memahami makna sebenarnya evaluasi dan sadar akan evaluasi. D. Pembahasan    Evaluasi berasal dari Bahasa Inggris yaitu Evaluation yang berarti penaksiran atau penilaian. Dan dalam Kamus Besar Bahasa Indonesia, Evaluasi memiliki arti yaitu Penilaian.    Menurut Nurkancana (1983), Evaluasi adalah kegiatan yang dilakukan berkenaan dengan proses menentukan nilai dari suatu hal. Sementara itu, menurut Raka Joni (1975) Evaluasi adalah proses untuk mempertimbangkan sesuatu barang, hal atau gejala dengan mempertimbangkan beragam faktor.    Dalam dunia kerja d...
Baca selengkapnya