Introduction to Bootstrap

Bootstrap

Bootstrap is a free and open-source front-end web framework. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.
For more information, click here to learn more.

Why use Bootstrap?

- 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, mobile-first styles are part of the core framework

- Browser compatibility: Bootstrap 4 is compatible with all modern browsers (Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera)

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1>   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </body> </html>

Copy this code and paste it in your html file to see the changes.

Note: You can also find this basic Bootstrap template on Exadata HTML Github repo Here we load the css and javascript using cdn which means that the style and required scripts are loaded from the server instead of a local file.

You can find the various components of Bootstap here.

Prev Chapter: Project 1

Next Chapter: Templates

Introduction to Bootstrap

Bootstrap

Why use Bootstrap?

ABOUT US

CONTACT

SOCIAL