Scribd
Upload
44 views7 pages

Bootstrap: Presented by Afreen

Bootstrap is a popular front-end framework for developing responsive and mobile-friendly websites. It includes HTML and CSS templates for components like buttons, navigation, forms, and image carousels. Bootstrap also uses responsive design to adjust content for different screen sizes like phones, tablets and desktops. To get started, developers include Bootstrap's CSS and JavaScript files in an HTML document and can then use its classes and components to build layouts and user interfaces.

Uploaded by

afreen baba
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
44 views7 pages

Bootstrap: Presented by Afreen

Bootstrap is a popular front-end framework for developing responsive and mobile-friendly websites. It includes HTML and CSS templates for components like buttons, navigation, forms, and image carousels. Bootstrap also uses responsive design to adjust content for different screen sizes like phones, tablets and desktops. To get started, developers include Bootstrap's CSS and JavaScript files in an HTML document and can then use its classes and components to build layouts and user interfaces.

Uploaded by

afreen baba
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/ 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