Copy link to clipboard
Copied
Here is the Adobe Page
The link fails to open
If you’d like to follow along, this tutorial references a prebuilt page from Intializr-dot etc. Initializr is a site that enables you to generate an initial web design project including starter HTML, CSS, and JavaScript files with content, styling, and navigation elements.
Is the learning site discontinued?
https://helpx.adobe.com/ph_fil/dreamweaver/how-to/what-is-css.html
According to this article, Initializr shut down about 8 years ago. For good alternatives see: What is the best alternative to Initializr?
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/
Copy link to clipboard
Copied
According to this article, Initializr shut down about 8 years ago. For good alternatives see: What is the best alternative to Initializr?
Copy link to clipboard
Copied
Which version of Dreamweaver are you using?
Copy link to clipboard
Copied
CC Dreamweaver
21.3
build 15593
Copy link to clipboard
Copied
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).
Dreamweaver will auto generate a Bootstrap site for you as a starting point for your new responsive website.
Post back if you have any questions.
Copy link to clipboard
Copied
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!
Copy link to clipboard
Copied
To start with, do not use Bootstrap 4, it has long been superseeded by Bootstrap 5. I know, Dreamweaver does not natively support Bootstrap 5 (as yet), so you will need to follow the Bootstrap doco's.
Secondly, you have not uploaded (or uploaded in a wrong directory) the Bootstrap CSS and JS files.
You could try Bootstrap Studio instead of using an outdated Dreamweaver, or as I have done, jump ship and use Wappler.
Copy link to clipboard
Copied
Hello
I opened the links to look over the sites that were inside your followup message.
The Wappler is very expensive possibly useful for a professional with a good income.
The other site (bootstrap studio) was compelling especially the price. And informative the getbookstrap.
Here is take on where I am at. i have only used dreamweaver and no other full feature application.
It seems that if I were to take advantage from let's say bootstrap studio - the feature Boostrap 5 I could then simply copy the code-text into Dreamweaver thus initiating Bootstrap 5 which would take this writer up one level from Bootstrap 4.
Then the lingering thought is Adobe could easily make available in Dreamweaver Bootstrap 5 - and why would there be a hesitancy?
Copy link to clipboard
Copied
The follow up did a look see via google Adobe Dreamweaver Bootstrap 5
It needs to be linked - and so forth
Nancy article is what I found so this will help to figure out how to proceed forward:
https://community.adobe.com/t5/dreamweaver-discussions/update-to-bootstrap-5/td-p/14523547
Copy link to clipboard
Copied
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/
Copy link to clipboard
Copied
Thank you for this material. This information will get me started with working on Bootstrap and the Nav.
Gratitude....
Copy link to clipboard
Copied
Apologize for finding out I don't know how to ftp the .js and css to the server
Do I put the files into a text file to ftp?
/css/bootstrap-4.4.1.css
/js/jquery-3.4.1.min.js
/js/popper.min.js
/js/bootstrap-4.4.1.js
Thanks
Copy link to clipboard
Copied
Open Files Panel (F8)
Select CSS and JS folders in your local site.
Click the UP arrow to upload files & folders to your server.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now