What is Bootstrap
- Bootstrap is the most popular HTML, CSS and JavaScript framework for developing a responsive and mobile friendly website.
- Bootstrap is an intuitive and open source framework that make FRONT-END development of web application simpler as well as quicker.
- Bootstrap aims to make RESPONSIVE web application as well as websites.
- It is absolutely free to download and use.
- It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many others.
- It can also use JavaScript plug-ins.It facilitates you to create responsive designs.
History of BOOTSTRAP
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.It was released as an open source product in August 2011 on GitHub.In June 2014 Bootstrap was the No.1 project on GitHub.
Benefits of Bootstrap
- Easy and Flexible Enough to get started
- 100% Responsive Design
- Great Grid System
- Better Development Speed
- Browser Compatibility
- Bundled Javascript Components
What is a responsive website
A website is called responsive website which can automatically adjust itself to look good on all devices, from smart phones to desktops etc.
Setting Up Bootstrap
It is easy to download,install, and set up Bootstrap for getting started.There are two ways to start using the framework on a website,which are:
-> Downloading from getbootstrap.com
-> including it from a Content Delivery Network(CDN)
Bootstrap 5 Example
Bootstrap 5 has a basic format for creating web pages. This web page provides fixed and responsive applications for all devices. We can see the following steps in the basic format of the example.
* Bootstrap is mobile-friendly: Bootstrap 5 is designed to be mobile-responsive.
* Bootstrap's core foundation includes mobile-first styling.
* For appropriate rendering and touch zooming, you must include the following tag within the
<meta name = "viewport" content = "width=device-width, initial-scale = 1">
The "width=device-width" section is used to set the width of the page to match the device's screen width (vary according to the device).
Apply bootstrap 5 links: the bootstrap 5 can download files from official websites or use online links. The following links use in the head section of the html page.