Javascript 下拉菜单中的引导容器

我使用引导下拉菜单，但我需要保持下拉内容的最大宽度匹配使用容器的网站宽度。但是，有效的解决方案不是有效的HTML。请检查小提琴：

你能说得更清楚些吗？当我删除导致

container

div的问题时，它看起来完全一样，仍然是全宽的。那么问题到底是什么呢？导致容器出现问题的容器会在fiddle中进行注释，这样您就可以看到它应该如何工作。但是，当您取消注释它并注释无效的

容器

div时，下拉列表将不会打开：

<div class="collapse navbar-collapse js-navbar-collapse">
  <ul class="nav navbar-nav">
    <li class="dropdown mega-dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Main menu item</a>
      <!-- <div class="container">That's the issue causing container. It should be here, but the dropdown doesn't open then -->
      <ul class="dropdown-menu mega-dropdown-menu row">
      <div class="container"><!-- this is not valid HTML, but does the job right -->
        <li class="col-sm-3 col-xs-6">
          <ul>