Share via


Bootstrap from Twitter

Bootstrap is a front-end toolkit from Twitter designed to kick start development of web applications and sites, featuring simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

When you download Bootstrap which is about 10kb, it will be a set of expanded and minified JavaScript files, CSS files, and sprite images that you can easily include in your app. At the site, you can even create a custom Bootstrap download.

What’s in Bootstrap?

  1. Scaffolding – Grid System, Layout, Responsive Design
  2. Base CSS – Basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.  (Typography, Code, Tables, Forms, Buttons, Icons)
  3. Components - Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more. (Buttons, Navigation, Labels, Thumbnails, Alerts, Progress Bars, Miscellaneous)
  4. Javascript for Bootstrap - Bring Bootstrap's components to life with 12 custom jQuery plugins (Modals, Dropdowns, ScrollSpy, Popover, Typeahead and more)
  5. Using LESS - Customize and extend Bootstrap with LESS, a CSS pre-processor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
  6. Customization – You can customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.

Here are some quick visuals of things you can use in Bootstrap:

clip_image001clip_image002

clip_image002[4]clip_image002[6]

clip_image002[8]clip_image002[10]

clip_image001[4]clip_image002[12]clip_image002[14]

Let’s start using Bootstrap now!