- Bootstrap is a free front-end framework for faster and easier web development
- Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modal, image carousels and many other, as well as optional JavaScript plugins
- Bootstrap also gives you the ability to easily create responsive designs
💢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 3, mobile-first styles are part of the core framework
- Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)
😇Where to Get Bootstrap?
There are two ways to start using Bootstrap on our own web site.
we can:
- Download Bootstrap from getbootstrap.com(If we want to download and host Bootstrap ourself, go to getbootstrap.com, and follow the instructions there.)
- Include Bootstrap from a CDN (If we don't want to download and host Bootstrap ourself, we can include it from a CDN (Content Delivery Network)
Example
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container-fluid class.</p>
<p>The .container-fluid class provides a full width container, spanning the entire width of the viewport.</p>
</div>
</body>
</html>
If you want more details about bootstrap classes use this URRL: https://www.w3schools.com/bootstrap/bootstrap_ref_all_classes.asp
No comments:
Post a Comment