Whistling Frogs

Comments

Whistling Frogs

Comments

Adding Sub-menus with Bootstrap and pug

Follow steps 1-5 of the Obyte Web Integration Tutorial to create basic Node js app with Pug and Bootstrap.

Modify menu.pug file to add following code:

li.nav-item.dropdown
  a.nav-link.text-dark.dropdown-toggle(href="#" id="navbardrop" data-toggle="dropdown")= "Drop-down menu"
  div.dropdown-menu
    a.dropdown-item(href="postDAG")="Post to DAG"
    a.dropdown-item(href="searchDAG")="Search DAG"

Then add the following resources to the header section of the layout.pug file:

script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js")
script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js")
script(src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js")

And test.