Highlighted

NAVGATION BAR

Contributor ,
Jan 29, 2020

Copy link to clipboard

Copied

Hello,

used Muse and coming back to DW.

Now everything is new to me and try to create the Navigation Bar.( before Fireworks)

Tutorial site or links Please

Because most of them are not updated.

thank you for sharing your knowledge,

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

I use Bootstrap for responsive web design.  And Bootstrap contains many built-in components (what Muse users call widgets) for creating navbars and other interactive elements. 

 

  1. Start with a Bootstrap document
  2. Go to Insert > Bootstrap Components > Navbars.
  3. Pick one.   See screenshot.

 

image.png

 

 

 

TOPICS
How to

Views

377

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

NAVGATION BAR

Contributor ,
Jan 29, 2020

Copy link to clipboard

Copied

Hello,

used Muse and coming back to DW.

Now everything is new to me and try to create the Navigation Bar.( before Fireworks)

Tutorial site or links Please

Because most of them are not updated.

thank you for sharing your knowledge,

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

I use Bootstrap for responsive web design.  And Bootstrap contains many built-in components (what Muse users call widgets) for creating navbars and other interactive elements. 

 

  1. Start with a Bootstrap document
  2. Go to Insert > Bootstrap Components > Navbars.
  3. Pick one.   See screenshot.

 

image.png

 

 

 

TOPICS
How to

Views

378

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 29, 2020 0
Adobe Community Professional ,
Jan 29, 2020

Copy link to clipboard

Copied

Have a look at this commercial solution: https://www.youtube.com/watch?v=gir8onn0eH8

 

Or have a look here for the whole gambit: https://www.dmxzone.com/go/33335/app-connect-bootstrap-4-version-2/

 

You can also use one of Dreamweaver starter templates or other functonalities as described here: https://helpx.adobe.com/au/dreamweaver/using/bootstrap.html


Ben
With this tutorial we will show you how to create a navbar using Bootstrap 4 Navigation Version 2 extension for Dreamweaver

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2020 2
Adobe Community Professional ,
Jan 30, 2020

Copy link to clipboard

Copied

Hi,

I for my part like using the offers of "w3schools". There you will find a number of variations, for example

https://www.w3schools.com/howto/howto_js_topnav_responsive.asp 

Please have a look at the main page https://www.w3schools.com/html/default.asp  where you can find everything of significance.

On the other hand, you could send a link to your website (no matter how it looks like :-))) for a targeted action.

 

Hans-Günter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 30, 2020 2
Adobe Community Professional ,
Jan 30, 2020

Copy link to clipboard

Copied

I use Bootstrap for responsive web design.  And Bootstrap contains many built-in components (what Muse users call widgets) for creating navbars and other interactive elements. 

 

  1. Start with a Bootstrap document
  2. Go to Insert > Bootstrap Components > Navbars.
  3. Pick one.   See screenshot.

 

image.png

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 30, 2020 2