Frameworks: Bootstrap

June 9th, 2016  Posted at   Lesson Web

Bootstrap adalah CSS dan JavaScript frameworks. Bootstrap mempunyai template untuk typography, forms, buttons, tables, navigation, modals, image carousels dan lain-lain bagi membina responsive website. Bootstrap boleh diperolehi di getbootstrap.com.

Bootstrap CDN (Content Delivery Network) daripada MaxCDN dan juga memerlukan jQuery.

Bootstrap class to wrap site content.

  1. container = fixed width container
  2. container-fluid = full width container, spanning the entire width of the viewport

Bootstrap Jumbotron, is displayed as a grey box with rounded corners.

Bootstrap table, table-striped, table-bordered, table-hover, table-condensed

Bootstrap alert, alert-success, alert-info, alert-warning, alert-danger

Bootstrap button, btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger, btn-link, btn-lg, btn-md, btn-sm, btn-xs, btn-block, btn-group, btn-group-vertical, btn-group-justified

Bootstrap progress bar, progress-bar, progress-bar-success, progress-bar-info, progress-bar-warning, progress-bar-danger, progress-bar-striped

Bootstrap dropdown/dropup, divider, dropdown-header, disabled, dropdown-menu, dropup

Contoh: http://shahrulnizam.com/web/bootstrap.php

Penerangan lanjut di

  1. http://www.w3schools.com/bootstrap/bootstrap_get_started.asp
  2. http://www.w3schools.com/bootstrap/bootstrap_tables.asp
  3. http://www.w3schools.com/bootstrap/bootstrap_buttons.asp
  4. http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp
  5. http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

Leave a Reply

What is 8 + 3 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)