Hello
Did follow the instructions and was able to create new the web page, bootstrap page.
I have a Udemy course on bootstrap will begin to learn incrementally the boostrap.
My starting page should look as what is shown in the link.
https://meherbabalibrary.org/pages/radiohour-1969-hu9.html
The navigation as shown with the chicken image and the links and so forth then I would begin assuming we have a working template - to develop the page and future pages. So I copied the Nav area as inserted below into the new page, the bootstape page:
</head>
<body>
<header><img src="../logos/Logo11a.png" alt="meher baba chicken" height="128" width="720"> </header>
<nav>
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../kalki.html">Kalki</a></li>
<li><a href="../fana.html">Fana</a></li>
<li><a href="../jive.html">Jive</a></li>
<li><a href="../advent.html">Vault</a></li>
<li><a href="../babasplach.html">Splash</a></li>
</ul>
</nav>
https://meherbabalibrary.org/titled-bootstrap.html#
Obviously the results were not as expected.
I submit this follow up so as to present the effort using the boostap page as instructed:
Go to File ⇒ New...
1. Starter Templates ⇒ 2. Bootstrap Templates ⇒ 3. Samples: [pick one] ⇒ 4. Hit CREATE button.
File ⇒ Save As index.html (home page).
Thank you for the help!
https://meherbabalibrary.org/titled-bootstrap.html#
By @Ezad
===========
For this to work, you need to upload these Bootstrap supporting files to your server.
/css/bootstrap-4.4.1.css
/js/jquery-3.4.1.min.js
/js/popper.min.js
/js/bootstrap-4.4.1.js
Also, your navbar is incomplete. See below for examples.
https://getbootstrap.com/docs/4.6/components/navbar/