2. TWITTER BOOTSTRAP
Twitter bootstrap framework which makes web designing and
development quick and easy.
It composes of Html, CSS and JavaScript.
It makes project interactive and responsive.
With this we can form layouts which are responsive and easily
maintained.
Twitter Bootstrap Tutorial
www.webtechschools.com
3. THIS TUTORIAL CONTAINS
Definition
Advantages
Disadvantages
Futures
Versions
And Many more
Twitter Bootstrap Tutorial
www.webtechschools.com
4. DEFINITION OF TWITTER
BOOTSTRAP
Bootstrap is a front- end framework which makes web development
rapid and simple and contains CSS and Html based template for user
interface components. With this anyone can create responsive layouts
easily.
Twitter Bootstrap Tutorial
www.webtechschools.com
5.
6. ADVANTAGES OF TWITTER
BOOTSTRAP
Contains free set of tools.
Anyone can create responsive and stretchable web layouts.
You can create scroll spy and type heads without the help of
JavaScript function.
Free to download.
It saves a lot of time and efforts
Twitter Bootstrap Tutorial
www.webtechschools.com
7. DISADVANTAGES OF
TWITTER BOOTSTRAP
Properties for rounded corners, gradients and shadows which are of
css3 are used by twitter bootstrap but they are not supported in web
browser’s older versions specifically Internet Explorer.
Twitter Bootstrap Tutorial
www.webtechschools.com
8. FEATURES OF TWITTER
BOOTSTRAP
Developed, maintained and hosted by GitHub.
Mobile first design
Developers can give contribution to the platform.
Languages like Chinese, Spanish, and Russian etc. are present.
Twitter Bootstrap Tutorial
www.webtechschools.com
11. DOWNLOAD TWITTER
BOOTSTRAP
Downloading of bootstrap is very effortless.
http://getbootstrap.com/
Two modes of download - download bootstrap and download source.
Twitter Bootstrap Tutorial
www.webtechschools.com
12. CREATE WEBPAGES WITH
TWITTER BOOTSTRAP
1st step – Create html file
2nd step – Make this file a twitter bootstrap template
3rd step – Save file
Twitter Bootstrap Tutorial
www.webtechschools.com
13. GRID SYSTEM – TWITTER
BOOTSTRAP
Bootstrap grid system generates layouts by a series of
rows columns.
The default Bootstrap grid system is made of 12 columns
grid that creates 940px wide container without responsive
features enabled but you can enable them by adding
bootstrap-responsive.css file.
Twitter Bootstrap Tutorial
www.webtechschools.com
14. MOBILE FIRST STRATEGY
IN TWITTER BOOTSTRAP
It contains 3 main components
Content
Layout
Progressive enhancement
Twitter Bootstrap Tutorial
www.webtechschools.com
15. CREATE FIXED AND FLUID
LAYOUTS
For fixed –
.container class can be used to create fixed length layout
of web page.
For fluid –
To make the layout fluid you change the class .container
to .container-fluid and row by .row to .row-fluid.
Twitter Bootstrap Tutorial
www.webtechschools.com