A framework is pre-written code that aims to alleviate the overhead associated with common activities performed in web development. PRO: you don’t need to reinvent the wheel, the code is already written! CON: you have to learn OPC (other people’s code).
To use Bootstrap in your project, follow these instructions:
Next, you will need to make some additions to your code to implement the Bootstrap framework.
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> </head>
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
If you don't want to type any of this, you can use this starting project set up which includes all of the Bootstrap files (v4.5.2) and an HTML file.
You still need to add your own CSS file for any custom CSS you may need to do. Place this reference under the reference to the bootstrap CSS file:
<!-- the Bootstrap CSS --> <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" /> <!-- please your general one here --> <link rel="stylesheet" type="text/css" href="css/general.css" />