Skip to main content
P
Phil5E57
Participant
August 26, 2021
Question

How to keep the tab active (bootstrap)?

  • August 26, 2021
  • 2 replies
  • 246 views

Hello, I am new to DW (last version), (I used bootstrap components to insert the menu: basic navbar) but I realize as soon as I click on a tab, it loads the page well but it does not remain active.

 

Rem: (the "hover" works very well) and therefore I would like it to keep this color (by the way that of the hover) when it is active so that the user knows in what menu it is. I posted the generated code but I'm not sure what to change ??? Surprising all the same that this principle is not set by default in the component ?? Thanks for your advices.

 

This topic has been closed for replies.

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
August 26, 2021

Nobody can guess your page URLs or how many links your navbar contains.  Only you know that.

 

Use the  .active class on navbar links to indicate the current page.  For example:

 

<li class="nav-item"> <a class="nav-link active" href="index.html">CURRENT PAGE</a></li>

 

Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    August 26, 2021

    To open navigation from DW's Live view, use Ctrl + click.  But remember, Dreamweaver is not an actual web browser. 

     

    For best results, always test your work in REAL browsers (F12)  -- Chrome, Firefox, MS Edge, iOS, Androids, etc...

    Or right-click on document tab and select Open in Browser.

     

     

     

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices