0% found this document useful (0 votes)
9 views

Bootstrap (JavaScript)

It's a complete bootstrap in this lecture it's totally helpful and useful for your paper and your project.

Uploaded by

MUHAMMAD ANSAR
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

Bootstrap (JavaScript)

It's a complete bootstrap in this lecture it's totally helpful and useful for your paper and your project.

Uploaded by

MUHAMMAD ANSAR
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 17

BOOTSTRAP

Bootstrap is a free and open-source CSS framework directed at


responsive, mobile-first front-end web development. It contains
HTML, CSS and JavaScript-based design templates for
typography, forms, buttons, navigation, and other interface
components.
CONTINUED

Bootstrap includes the basics for responsive web development,


so developers only need to insert the code into a pre-defined
grid system. The Bootstrap framework is built on Hypertext
Markup Language (HTML), cascading style sheets (CSS) and
JavaScript. Web developers using Bootstrap can build websites
much faster without spending time worrying about basic
commands and functions .
BOOTSTRAP

Bootstrap makes responsive web design a reality. It makes it


possible for a web page or app to detect the visitor’s screen size
and orientation and automatically adapt the display accordingly.
The mobile-first approach assumes smartphones, tablets and
task-specific mobile apps are employees’ primary tools for
getting work done.
Bootstrap’s grid system uses a series of containers, rows, and
columns to layout and align content. It’s built with flexbox and
is fully responsive.
Bootstrap’s grid system allows up to 12 columns across the
page.
If you do not want to use all 12 column individually, you can
group the columns together to create wider columns:
A D VA N TA G E S

Easy to use: Anybody with just basic knowledge of HTML and


CSS can start using Bootstrap.
Responsive features: Bootstrap’s responsive CSS adjusts to
phones, tablets, and desktops. Mobile-first approach: In
Bootstrap 3, mobile-first styles are part of the core framework
Saves a lot of development time. It has ready made built in
piece of code.alot of templates available
Customizable . Use only those features which are required
GRID SYSTEM CLASSES

The Bootstrap grid system has four classes:

xs (for phones – screens less than 768px wide)


sm (for tablets – screens equal to or greater than 768px wide)
md (for small laptops – screens equal to or greater than 992px
wide)
lg (for laptops and desktops – screens equal to or greater than
1200px

You might also like