Skip to main content
S
Scott Young
Participant
May 19, 2020
Question

Dreamweaver Template and Bootstrap Navbar

  • May 19, 2020
  • 1 reply
  • 1961 views

Hi all, I've got a site based on Dreamweaver templates.  The navigation is Spry Menu's embedded in the template .dwt file.

I'm hoping to update the menus using bootstrap, but I don't seem to be able to put bootstrap elements into the header regions of the .dwt.

 

What am I missing here?

    This topic has been closed for replies.

    1 reply

    O
    osgood_
    Legend
    May 19, 2020

    Why not, Bootstrap navbar is only html code. What's happening when you try and insert the html code into your template file?

     

    Have you inserted all the required assets for Bootstrap into your page ie the css file and the 3 js files?

    S
    Scott YoungAuthor
    Participant
    May 21, 2020
    In the template I've got a header, body and footer.

    In the header I've got elements that are common to every page - logo, search tool, spry menu and a editable region where I just have the page title.

    I want to add the Bootstrap NavBar to the header, and replace the Spry one.

    I usually work in "Design" view. So I position the cursor, then Insert > Bootstrap Components > Navbar > Basic Navbar.....

    Message comes up telling me to use Live view.... Cancel or OK.... Well OK then!

    Live view opens - presuming the position is still correct, Insert > Bootstrap Components > Navbar > Basic Navbar........ But Basic Navbar is greyed out....

    So it seems that to insert bootstrap components into the template you have to be in live view, but then the components are all greyed out....

    But I just discovered that if I switch to code view it works.... Why does Dreamweaver push to Live View when it doesn't work?

    Scott Young
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    May 21, 2020

    Bootstrap + DW proprietary Templates is an awkward combination. 

     

    Template options are not available in Live View.  Therefore you must use Design View when working within a Template.dwt file.   However, Bootstrap and Live View go hand in hand.  So the ideal workflow is to build your prototype page with Bootstrap in Live View BEFORE saving as a Template.  

     

    Best advice, use server-side includes instead of templates.

    https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html

     

    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