Frameworks: Bootstrap

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

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

<link rel="stylesheet" href="">
<script src=""></script>
<script src=""></script>

Bootstrap class to wrap site content.

  1. container = fixed width container
  2. container-fluid = full width container, spanning the entire width of the viewport
<div class="container">

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

<div class="jumbotron">

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

<table class="table table-bordered">

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

<div class="alert 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

<button type="button" class="btn btn-link btn-lg">Link</button>

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

<div class="progress">

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

<div class="dropdown">


Penerangan lanjut di


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.