You are on page 1of 7

BOOTSTRAP

PRESENTED BY AFREEN
What is Bootstrap?

• Bootstrap is the most popular HTML, CSS and JavaScript framework for
developing a responsive and mobile friendly website.

• It is a front-end framework used for easier and faster web development.

• It includes HTML and CSS based design templates for typography, forms,
buttons, tables, navigation, modals, image carousels and many others.

• It facilitates you to create responsive designs.


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,
Features of tablets, and desktops

bootstrap: Pre-styled Components


• Bootstrap approaches with pre-styled
components for alerts, dropdowns, nav bars, etc.

Customizable Bootstrap
• The Bootstrap can be customized as per the
designs of your project.
• To get started with Bootstrap, you typically include its CSS and
JavaScript files in your HTML document, either by downloading
them and hosting them on your server or by linking to the Bootstrap
Content Delivery Network (CDN). You can then use Bootstrap classes
and components in your HTML to build your website's layout and
user interface.

• This is just a basic overview of what Bootstrap is and how it can be


used in web programming. It's a powerful tool for rapidly
prototyping and developing web applications with a consistent and
responsive design.
First Bootstrap Example

Add the HTML 5 doctype: Bootstrap uses HTML elements and CSS
properties, so you have to add the HTML 5 doctype at the beginning of the
page with lang attribute and correct character set.
Ex:
<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-
1252">
<title>Any title</title>
</head>
<body>
//write code
</body>
</html>
THANK YOU

You might also like