pratik doiphode

1. BOOTSTRAP FRAMEWORK
for WEBDEVELOPMENT
Name of student: Pratik Doiphode (39024)
Guide: Prof. Mr.A .G.Deshmukh
Seminar
PES ModernCollege of Engineering
Departmentof ComputerEngineering
Savitribai Phule Pune University

2. 1) Introduction
2) Objectives
3) Problem Statement
4) Literature survey
5) Architectural Diagram
6)Algorithmic Approach
7) Expected Results
8) Conclusion / Summary
9) References
Contents :

3. Introduction :
Bootstrap is a free opensource and one of the most popularfront-
end framework for designing websites.
It is developedbyTwitter for creating responsive websites.
It is a collectionof HTML ,CSS andJavaScript.
The current version of Bootstrap is Bootstrap 5.
It is mainly based on ,for creation of UI basedwebsites.
So that we can design our website rapidly and
attractively.

4. Objectives :
To get complete knowledge of Bootstrap for web design.
To understand key points between custom
web design and bootstrap framework design.
To highlights main issues while creating websites.

5. Problem statement :
Creation of attractive and responsivewebsites is time
consuming as well as creates too many issues.So to overcome
this problem , which new technology we should have to use .

6. Literature Survey:
Literatures Survey:
Title
Author,
Publications,Years
Remark
A review paperon
bootstrap framework
SurajGaikwad, IRE
Journals,April 2019
Use of Bootstrap for
rapid web design.
Analyzing bootsrap
and foundationfont-
end frameworks
Majida Laaziri 1, Khaoula
Benmoussa2,(IJECE),
February 2019
To select the appropriate
framework based on the
framework popularity
Design and
Implementation of
Campus Website based
on Bootstrap Framework
Huadong Wang, Wenjuan
Zhang,International
Journal of Science
V,Feb 2019
a simple site requirements
analysis, development
tools and use of relevant
technologies.

7. Architectural Design :
Clickto add text

8. Algorithmic approach:
BOOTSTRAPGRID SYSTEM
In web design, it is a very effective method to create a consistent layout
rapidly and effectively using HTML and css.
It is a structure(2 D ) made up of series of intersecting(Horizontal/
vertical) straight lines.
Bootstrap’s grid system consists of 12 columnsthat can be used to
display content.
Rows must be placedwithin a .containerclass for proper alignmentand
padding.Use rows to create horizontal groups of columns.
It makes website easy to scan and reduce the loadon user .

9. Architecture of grid system :
Supportsall types of screens . The size of columnsis in
Pixels.

10. Algorithmic Approach:
Bootstrap is easy to use,bythe knowledge of HTML andCSS we can implement
bootstrap framework.
It supports Mobile first styles throughoutthe entire library instead them of in
separate files.
It is supported by all types of popularbrowsers such as Chrome,Firefox,mozilla
,opera etc.
The main use of Bootstrap is ,it's responsive CSS framework adjust's to the
Desktops ,Tabletsand Mobiles.
It is an open free source .
Stylesare verbose and canlead to lots of outputin
HTML which is not needed.
Disadvantage :

11. Conclusion :
Bootstrap allows for rapid and responsive development that is
consistent and well supported by the development and design
community .As the framework continues to develop, the reasons
to use Bootstrap keep mounting. If you’ve overlooked this
framework, it’s probably time to give it a try. As you can see,
there are several benefits of using Bootstrap.

12. References :
[1]file:///C:/Users/pratik%20doiphode/Downloads/research%20paper%20on%20bootstra
p.pdf
[2]https://getbootstrap.com/docs/4.0/getting-started/introduction/
[3] Gonc¸alves, S., and L. Kilian (2004). “Bootstrapping autoregressions with
heteroskedasticity of unknown form,” Journal of Econometrics, 123, 89–120.
[4] C. Beem, W. Peelaers, and L. Rastelli, Deformation quantization and
superconformal symmetry in three dimensions (2016).
[5] Gonc¸alves, S., and H. White (2005). “Bootstrap standard error estimates for linear
regression” Journal of the American Statistical Association, 120, 970–979.
[6] https://www.w3schools.com/bootstrap/default. asp
[7] https://www.tutorialspoint.com/bootstrap/index .htm
[8]https://www.think247.com/verticals_pt=source2&s_it=content&type=content
& s_chn=1 & s _gl=US&q=bootstrap%20modal%20tutorial
[9]https://youtu.be/vpAJ0s5S2t0