how to create and add it to the nav bar a dropdown full width menu

Bootstrap Studio Help
1

I want to create my own dropdown menu but its gonna be a full width menu. their is no section in the software to create one?tsk tsk... help me with this pls

2

That's not standard bootstrap code so that's why you won't find it in the app. You'd have to make it yourself.

You could go here and use the CSS code http://stackoverflow.com/questions/26449960/full-width-bootstrap-dropdown-nav#26467414

.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
.dropdown-menu>li { display: table-cell; }

Or you could try http://geedmo.github.io/yamm3/

Either way you would have to rebuilt the Navbar from scratch because they say you need to remove the .container DIV, but just using the CSS with the .container-fluid DIV it's only a few pixels short of being full viewport width.

Saj

3

I'd probably do something like this personally.

.nav > li.dropdown.open {
  position:static;
}

.nav > li.dropdown.open .dropdown-menu {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
  width:100%;
  text-align:center;
  left:0;
  right:0;
}

@media (max-width:767px) {
  .nav > li.dropdown.open .dropdown-menu {
    flex-direction:column;
    text-align:left;
  }
}

Saj

4

There's some pretty good looking menus on Codecanyon's website too. I just got one called Ruby Mega Menu which looks very promising, and I use Yamm3 on a couple sites right now as well. The main thing that I did was just create it as Custom Code which actually makes it much easier to edit.