1. BOOTSTRAP 4 ALPHA 3
Submitted To-
Computer Department
Submitted By -
Shubham Kanojia
III-Year
1511
2. Introduction
Before study Bootstrap 4 , we must know that what is Bootstrap? Actually
Bootstrap is the most popular HTML, CSS, and JavaScript framework for
developing responsive, mobile-first web sites.
And Bootstrap 4 is new version of Bootstrap.
3. History of Bootstrap
It was developed by Mark otto and Jacob thornton in August 9,2011 at
Twitter ,US.
Firstly its name was Twitter Blueprint, Then renamed as Bootstrap.
On Jan 31, 2012 Bootstrap 2 was launched. This release added the twelve-
column grid layout and responsive design components.
On Oct 29,2013 Bootstrap 3 was launched.This release moving to a mobile
first approach .
At last, on July 27,2016 , Bootstrap 4 Alpha 3 is released.
4. Features
1. SASS (Syntactically Awesome Style Sheets)
One of the biggest changes in Bootstrap 4 is moving
from Less to Sass,
Sass is an extension of CSS3 which adds nested rules,
variables, mixins, selector inheritance, and more.
Sass generates well formatted CSS and makes your
stylesheets easier to organize and maintain.
Compass, Bourbon, and Susy are open-source CSS
Authoring Framework.
5. 2. Enhanced Grid System
In Bootstrap 3 there are specific
classes to target an element on
different screen sizes via pixels
but in Bootstrap 4 alpha there is
this new smaller (-sm) tier to
better target mobile devices. This
time it’s in rem and em units
instead of pixels.
6. 3. Dropped Support for IE8
Bootstrap 4 alpha is drops Internet Explorer 8 support. One of the biggest
problems with IE8 is that it doesn’t support CSS media queries, which play
an important role in implementing responsive design within the
framework.
7. 4. Say Hello to Cards
Cards are new components in
Boostrap 4 alpha which can be
used to display information as a
page or a container.
It has replaced wells, panels and
thumbnails. It supports different
kinds of content such as links,
text, images, headers, footers and
many more with a variety of
background colors.
8. 5. Improved Auto-Placement of
Tooltips and Popovers
Tooltips and popovers help a lot of developers when it comes to ease of
use. Thanks to Tether, a third party library it has improved.
If you want to use this you can simply include tether.min.js just before
thebootstrap.js.
9. 6. New Class ‘Inverse’ for Tables
Bootstrap 4 alpha has a new prefix –inverse class that gives a background
to the table itself.
10. Advantages
It compiles faster than earlier version because it moves from LESS to SASS.
New updation, makes yours sites more professional.
It takes less time to design your page.
Campatible with all Screen sizes such as for Tablets,Desktop,small and
extra small mobiles.
11. Disadvantages
Your website layout is looks similar as others website layout.
Web –designer becomes jobless.
Lack of Creativity .
Due to lack of creativity many visitors don’t take much interest on yours
websites.
12. Conclusion
With the coming of bootstrap 4, your websites are compatible with many
different platforms.
Developer works to reduce the size of CSS file so that your website open in
more short time.
After some time ,Bootstrap 5 will be here,which completely drop out the
use of IE 9,freeing many front-end developers to design anything without
any problem.