Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
Twitter Bootstrap 3
Transcript of Twitter Bootstrap 3
Front-end framework for the web
Responsive : Adjusts to Multiple Devices and Screen Resolutions
Open Source https://github.com/twbs
Download at http://getbootstrap.com/
Why is it so popular?
Ease of use
Ready made components
Font icon support using Glyphicons http://glyphicons.com/
How is it Built?
Built using LESS http://lesscss.org/
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.
Developers can extend Bootstrap using LESS
12 Column grids for layout
Define column size using numbers from 1 to 12
.col-lg-*, .col-md-*, .col-sm-*, .col-xs-*
Why Use it?
Made for everyone, everywhere
Responsive CSS adjusts to Desktop, Mobile and Tablets
Consistent UI on all major browsers and devices
Used to centralize a page's content
@max-width is set for the component based on view port size
Mobile, Tablet and Desktop
Nav bars and Navigation
Requires jQuery framework. http://jquery.com/
Markup api using data-attributes (data-toggle, data-target, data-src, data-dismiss)
Stats from Github
Created by Mark Otto and Jacob Thornton at Twitter
To encourage consistency across internal tools
Released in August 2011
Version 3 is the latest
One of the most popular project in Github
How To Use It
Either download and include the scripts and css files in your HTML file
Or use CDN like Bootsrapcdn or cdnjs
Base class and individual class